/GuessTheNumberJS

Это интерактивное веб-приложение на JS, в котором компьютер загадывает число, а пользователь пытается его угадать.

Primary LanguageJavaScript

GuessTheNumberJS

Описание:

  • Это интерактивное веб-приложение, в котором компьютер загадывает число, а пользователь пытается его угадать.

  • Базовая механика:

    • В начале игры компьютер загадывает случайное число в пределах от 1 до 100.
    • Пользователь должен вводить свое предположение в текстовое поле.
    • После каждой попытки компьютер сообщает, было ли загаданное число больше или меньше предложенного.

  • Система подсказок:

    • Каждые три неудачные попытки пользователь получает подсказку о том, является ли число четным или нечетным.
      • Если пользователь введет число за пределами диапазона (например, меньше 1 или больше 100), выводится предупреждение.

  • Возможность выбирать диапазон чисел (например, от 1 до 1000).

  • Счетчик попыток, показывающий, сколько попыток потребовалось пользователю для угадывания.

  • Возможность начать игру заново без перезагрузки страницы.

Как использовать

  • Введите ваш вариант числа в текстовое поле и отправьте форму.
  • Следите за подсказками компьютера и попробуйте угадать число.

Реализация:

  • Константы:

    • В файле domIds.js определены идентификаторы для управления интерфейсом.
    • В файле messages.js предоставлены сообщения, используемые при взаимодействии с пользователем.

  • Утилиты (utils.js):

    • getRandomNumber(from, to): Генерация случайного числа в заданном диапазоне.
    • isNumber(number): Проверка, является ли значение числом.
    • updateElementText(elementId, message): Обновление текстового содержимого элемента.
    • clearInput(inputId): Очистка поля ввода с указанным идентификатором.
    • saveAttempt(number): Добавление новой попытки в блок с историей.
    • clearAttempts(): Очистка блока с историей.
    • updateAttemptsCount(attemptsCount): Обновление отображаемого количества попыток.
    • showHint(text): Отображение подсказки.
    • hideHint(): Скрытие подсказки.
    • disableInput(): Отключение ввода пользователя.
    • enableInput(): Включение ввода пользователя.

  • gameModel:

    • isWin: Флаг, указывающий, выиграна ли игра.
    • attempts: Количество попыток.
    • minNumber, maxNumber: Минимальное и максимальное число в диапазоне.
    • targetNumber: Загаданное число.
    • OUT_OF_BOUNDARIES_MESSAGE: Сообщение о том, что введенное число вне допустимого диапазона.
    • checkGuess(number): Метод проверки угадывания числа.
    • isTargetNumberEven(): Метод проверки, является ли загаданное число четным.

  • gameView: Объект с методами для обновления интерфейса.

  • gameController: Объект с методами для управления игрой.

  • index.js:

    • Обработчики событий для кнопок и полей ввода.
    • Инициализация элементов интерфейса.

Используемые библиотеки и технологии:

  • HTML5, CSS3, JavaScript:
    • Основные технологии для разработки веб-приложения.
  • Минификация кода