Мини-игра, в которой на экране будут появляться разноцветные блоки, которые будут исчезать при клике.

function mystery() {
  const preTitlee = document.createElement("p");
  const inputt = document.createElement("input");
  preTitlee.textContent =
    "Уровень Mystery. Зимой и летом одним цветом, что это?";
 
  document.body.append(preTitlee);
  document.body.append(inputt);
 
  inputt.textContent = "Ввод";
  inputt.addEventListener("keyup", (element) => {
    if (element.code == "Enter") {
      let answer = inputt.value;
      inputt.value = "";
      if (answer == "Рояль") {
        preTitlee.textContent = "Вы угадали";
        setTimeout(() => {
          inputt.style.display = "none";
          preTitlee.style.display = "none";
        }, 1000);
        setTimeout(story, 1000);
      } else if (answer == "Ёлка") {
        preTitlee.textContent = "Было бы слишком просто. Вы не угадали";
      } else {
        preTitlee.textContent = "Вы не угадали";
      }
    }
  });
}

setTimeout("название след. уровня" , 1000); // это как бы переход

function blocks() {
  //создаем текстовое поле и добавляем его в body
  const preTitle = document.createElement("p");
 
  preTitle.textContent = "Уровень Blocks. Введите число блоков";
 
  document.body.append(preTitle);
 
  //создаем поле ввода и добавляем его в body
  const input = document.createElement("input");
 
  document.body.append(input);
 
  input.addEventListener("keyup", (element) => {
    if (element.code == "Enter") {
      // Прочитали число, которое ввели в input
      let n = input.value;
      preTitle.textContent = "Удалите блоки для перехода на следующий уровень";
 
      input.style.display = "none";
 
      for (let i = 0; i < n; i++) {
        let block = document.createElement("div");
        block.textContent = i;
        block.classList.add("block");
        block.addEventListener("click", () => {
          block.style.display = "none";
        });
        document.body.append(block);
      }
 
      const lastBlock = document.body.lastChild;
      lastBlock.classList.add("hiddenBlock");
      lastBlock.style.top =
        String(parseInt(Math.random() * (1000 - 500) + 500)) + "px";
      lastBlock.style.left =
        String(parseInt(Math.random() * (1000 - 500) + 500)) + "px";
 
      lastBlock.addEventListener("click", () => {
        lastBlock.style.display = "none";
        // Ищем все блоки
        // let blocks = document.querySelectorAll(".blocks");
 
        preTitle.style.display = "none";
        // Переход на новый уровень
        setTimeout(random, 3000);
      });
    }
  });
}