сделай так, чтобы я мог вводить системы счисления с клавиатуры
<!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">
            <img src="https://img.freepik.com/premium-vector/online-shop-logo-designs-concept-vector-online-store-logo-designs_7649-661.jpg" alt="Логотип интернет-магазина">
        </div>
        <nav class="navbar">
            <ul>
                <li><a href="index.php">Главная</a></li>
                <li><a href="order.html">Форма заказа</a></li>
                <li><a href="contacts.html">Контакты</a></li>
                <li><a href="calc.html">Калькулятор</a></li>
                <li><a href="admin_login.php">Авторизация</a></li>
            </ul>
        </nav>
        <div class="burger-menu">☰</div>
    </header>

    <main>
        <div class="container">
            <h1>Перевод систем счисления</h1>
            <form id="calculator-form">
                <label for="numberInput">Введите число:</label>
                <input type="text" id="numberInput" 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 type="button" id="convertButton">Конвертировать</button>
                
                <h3>Результат:</h3>
                <input type="text" id="result" readonly>
            </form>
        </div>
    </main>
    
    <footer>
        <p>&copy; 2023 Интернет-магазин. Все права защищены.</p>
        <p>Контактная информация: email@example.com</p>
    </footer>

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

            // Проверка на допустимые символы для базы
            const validChars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ'.substring(0, fromBase);
            for (let char of numberInput) {
                if (!validChars.includes(char)) {
                    alert(`Пожалуйста, введите действительное число для системы счисления ${fromBase}.`);
                    return;
                }
            }

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

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