МАЛЕНЬКАЯ ПРОГРАММА. БОЛЬШАЯ ИСТОРИЯ.

Ваш код. Ваше приключение.

Загрузите свой JavaScript-квест.
Выбирайте путь — история оживёт на экране.

01 ВАША ИСТОРИЯ .JS

или начните с готовой истории

Рюкзак

Готов к приключению

Запустите игру — найденные вещи появятся здесь.

Всего три шага

1Выберите свой файл с игрой.
2Нажмите «Начать игру».
3Читайте и выбирайте действия.

Код остаётся на вашем устройстве.
Можно играть вместе за одним экраном.

СЛЕДУЮЩИЙ ХОД — ЗА ВАМИ

У каждой двери
есть своя история.

Загрузите игру слева или отправьтесь
в лабиринт из готового примера.

Журнал приключения 0⌄

Здесь появятся события вашей истории.

Ваша история остаётся у вас

Какие игры поддерживаются?

Учебные JavaScript-файлы с alert(), prompt(), confirm() и console.log(). Переменные, массивы, условия, циклы и обычные функции работают без изменений. Игры с HTML-элементами, импортами или браузерными API требуют отдельной адаптации. Выбранный файл читается только в этом браузере.

Как работает плеер?

Как запустить свою историю

Сохраните код игры в обычном .js-файле в кодировке UTF-8, выберите его на странице и нажмите «Начать игру». Внутри файла нужен только JavaScript: теги <script> добавлять не нужно.

Плеер выполняет код по порядку. На вызовах alert(), prompt() и confirm() он ждёт ответа игрока, затем продолжает программу. Добавлять async или await не нужно.

alert() — сообщение игроку

Передавайте текст одним аргументом. Перенос строки записывается как \n. Игрок прочитает текст и нажмёт «Продолжить».

alert("Вы вошли в библиотеку.\nУ окна сидит старый маг.");

Если короткая первая строка написана ЗАГЛАВНЫМИ БУКВАМИ, плеер оформит её как заголовок. Это необязательно: обычный текст тоже работает.

prompt() — вопрос и варианты ответа

Весь вопрос и меню передавайте первым аргументом. Каждый вариант начинайте с новой строки: номер или одна буква, тире, текст действия. Подойдут и длинное тире —, и обычный дефис -. Например, 1 — Поговорить или р — Рюкзак. Такие строки автоматически станут кнопками. Используйте разные номера или буквы для разных вариантов.

const answer = prompt(
    "МАГ\n\nО чём вы хотите спросить?\n" +
    "1 — Где найти ключ?\n" +
    "2 — Попрощаться"
);

if (answer === "1") {
    alert("Маг: Поищи за книжным шкафом.");
} else if (answer === "2") {
    alert("Маг: Удачи в пути!");
} else if (answer === null) {
    alert("Вы отменили ответ.");
} else {
    alert("Маг не понял ваш ответ.");
}

При отправке ответа возвращается строка: сравнивайте с "1", а не с 1. Кнопка с вариантом отправляет в код только его номер или букву. При ручном вводе игрок может написать другой ответ — обработайте его через else.

«Отмена» и Esc возвращают null. Пустой отправленный ответ — это "", а не null. Если нужно заранее заполнить поле, задайте второй аргумент: prompt("Имя героя?", "Аня").

Что означает каждый ответ, решает ваш код. Например, пункт 0 — Выйти завершит игру только тогда, когда вы сами обработаете ответ "0".

confirm() — выбор «Да» или «Нет»

Возвращает true при «Да» и false при «Нет» или Esc. Это логические значения, а не строки "да" и "нет".

if (confirm("Взять ключ?")) {
    inventory.push("ключ");
    alert("Ключ теперь у вас!");
} else {
    alert("Вы оставили ключ на месте.");
}

В этом примере массив inventory нужно создать заранее: const inventory = [];.

Комнаты, персонажи и управление

Переходы между комнатами, разговоры, выдачу предметов и условия победы пишите обычными if / else. Плеер показывает сообщения и возвращает ответы; сюжет и рюкзак хранит ваша программа.

Рюкзак на экране

Для автоматического отображения вещей создайте массив с точным названием inventory в начале файла, вне функций и циклов: const inventory = [];. Предметы храните строками, например inventory.push("ключ");. Подойдут и объявления через let или var.

Панель рюкзака читает этот массив при каждом сообщении или вопросе и после завершения программы. Добавление и удаление вещей отобразится автоматически, повторяющиеся предметы будут показаны с количеством. При перезапуске панель очищается. Дополнительные вызовы для обновления рюкзака не нужны.

Сообщения и ответы сохраняются в журнале. console.log() тоже выводится туда. «Остановить» прерывает выполнение, а «Начать заново» запускает файл с самого начала, со свежими переменными и массивами.

Эта памятка — для текстовых игр. Код, который обращается к document, HTML-элементам, таймерам или импортирует другие файлы, требует отдельной адаптации.

Сделано для тех, кто учится создавать.

Ваш код. Ваше приключение.

У каждой двериесть своя история.

У каждой двери
есть своя история.