Документация к игре "Виселица"

Разработала документацию к игре "Виселица" - Фесенко Ольга


Table of Contents

Принцип игры "Виселица"
Иллюстрации к игре "Виселица"
Детали реализации
Вывод блока с буквами
Выставление букв на нужную позицию в загаданном слове
Сохранение и сборс количества угаданных слов

Принцип игры "Виселица"

Игроку загадывается слово, которое он должны угадать, используя буквы алфавита и возможность совершать ограниченное количество ошибок. Если игрок не угадал букву, которая входит в загаданное слово, то на экране к персонажу (которого по игре собираются повесить) начинают добавляться стул, виселица и петля. Игра завершается, когда не остаётся больше ходов или когда игрок угадал слово.

Играть онлайн: https://olgafo.github.io/Gallows/start/

Иллюстрации к игре "Виселица"

  1. Стартовая страница

  2. Главная страница

Детали реализации

Особенности реализации отдельного функционала представлены ниже:

Вывод блока с буквами

    function start() {
        var content = "";
        for (i = 0; i <= 32; i++) {
            var element = "let" + i;
            content = content + '<div class="letter" onclick="check(' + i + ')" id="' + element + '">' + letters[i] + '</div>';
            if ((i + 1) % 6 == 0) {
                content = content + '<div style="clear:both;"></div>';
            }
        }
        document.getElementById("alphabet").innerHTML = content;
        printLetter();
    };
            

Выставление букв на нужную позицию в загаданном слове

    String.prototype.contains = function (a, b) {
        if (a > this.length - 1) {
            return this.toString();
        } else {
            return this.substr(0, a) + b + this.substr(a + 1);
        }
    }
            

Сохранение и сборс количества угаданных слов

[Note]Note

При обновлении страницы количество угаданных слов сохраняется в переменную.

Когда количество угаданных слов равняется количеству слов в массиве, значение переменной обнуляется.

    if (sessionStorage.getItem('correctCount') == null) {
        correctCount = 0;
    }

    if (sessionStorage.getItem('correctCount') > 0) {
        correctCount = sessionStorage.getItem('correctCount');
    }

    if (sessionStorage.getItem('correctCount') == ususus) {
        correctCount = 0;
    }