<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Калькулятор систем счисления</title>
</head>
<body>
    <header>
        <div class="logo">Логотип</div>
        <nav class="navbar">
            <ul>
                <li><a href="index.html">Главная</a></li>
                <li><a href="order.html">Форма заказа</a></li>
                <li><a href="contacts.html">Контакты</a></li>
                <li><a href="calc.html">Калькулятор</a></li>
            </ul>
        </nav>
        <div class="burger-menu">☰</div>
    </header>

    <h1>Перевод систем счисления</h1>
    
    <label for="numberInput">Введите число:</label>
    <input type="number" id="numberInput" min="1" placeholder="Ваше число" required>
    
    <label for="fromBase">Из системы:</label>
    <select id="fromBase">
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
    </select>
    
    <label for="toBase">В систему:</label>
    <select id="toBase">
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
    </select>
    
    <button id="convertButton">Конвертировать</button>
    
    <h3>Результат:</h3>
    <input type="text" id="result" readonly>

    <script>
        document.getElementById('convertButton').onclick = function() {
            const numberInput = document.getElementById('numberInput').value;
            const fromBase = parseInt(document.getElementById('fromBase').value);
            const toBase = parseInt(document.getElementById('toBase').value);
            
            // Проверка валидности входного числа
            if (!numberInput || numberInput <= 0) {
                alert("Пожалуйста, введите целое положительное число.");
                return;
            }

            // Преобразование числа из начальной системы счисления в десятичную
            const decimalNumber = parseInt(numberInput, fromBase);

            // Преобразование числа из десятичной системы в целевую систему счисления
            const result = decimalNumber.toString(toBase).toUpperCase();
            
            // Вывод результата
            document.getElementById('result').value = result;
        }
    </script>
</body>
</html>
я не могу ввести в этом листе буквы, если выбираю систему счисления 12 и выше, поправь