script.js

/**
My first GitHub HTML-CSS-JS project for so long.
**/

const rooms = document.querySelectorAll("button.switch");
const inv = document.querySelector("div#inv");
const content = document.querySelector("div#in");

// room content
let r_t = [
  {
    things: ["bed"],
    title: ["Not the time to sleep."],
    does: []
  },
  {
    things: ["toilet", "sink", "bathtub"],
    title: ["Ugh, disgusting. It has some... stool in it.", "A normal sink.", "There's a watermelon inside? How?"],
    does: []
  },
  {
    things: ["TV", "armchair", "front door"],
    title: ["You can throw the TV if you want.", "Nice, comfortable. But you should escape from the house, not watch the telly.", "You get out from here."],
    does: []
  },
  {
    things: ["table", "note", "window"],
    title: ["If you smash it hard enough, it breaks! Easy.", "A note? Since when?", "It's night outside, but it's still not an excuse to sleep."],
    does: []
  },
  {
    things: ["rummage"],
    title: ["There's a lot of stuff here."],
    does: []
  }
];
// note: front door has one lock, and is very strong. You will need two things. Also you can throw the poop from the toilet at the window. When you do that, it just goes *splat* and falls to the floor. Wash your hands after that! XD
var items = ["key", "sledgehammer", "axe", "stool", "watermelon"];
var did_the_deed = false;

var look = "";
var curr_r = 0;

// room responses
r_t[0].does[0] = function() {
  alert("You can't sleep now, you should escape!");
};
r_t[1].does[0] = function() {
  alert("You got some stool from the toilet! Disgusting.");
  inv.innerHTML = inv.innerHTML + `${items[3]}, `;
};
r_t[1].does[1] = function() {
  if (did_the_deed == false) {
    alert("No need to wash your hands and brush your teeth.");
  } else {
    alert("You did the deed! Deed: Throw stool at the window, then wash your hands and leave the water running.");
  }
};
r_t[1].does[2] = function() {
  alert("You got a watermelon! Wonder what's it for...");
  inv.innerHTML = inv.innerHTML + `${items[4]}, `;
};
r_t[2].does[0] = function() {
  alert("You threw the TV on the floor, and an axe and a key was inside! You took it.")
  inv.innerHTML = inv.innerHTML + `${items[2]}, `;
  inv.innerHTML = inv.innerHTML + `${items[0]}, `;
  look = look.replace(`<button title="${r_t[curr_r].title[0]}" onclick="r_t[${curr_r}].does[0]()">${r_t[curr_r].things[0]}</button>`, "");
  content.innerHTML = look;
  r_t[2].things.splice(0, 1);
  r_t[2].title.splice(0, 1);
  r_t[2].does.splice(0, 1);
};
r_t[2].does[1] = function() {
  alert("So soft, so comfortable. It feels like you're in heaven, floating on a cloud.");
};
r_t[2].does[2] = function() {
  if (inv.innerHTML.split(", ").indexOf("key") > -1 && inv.innerHTML.split(", ").indexOf("axe") > -1 && inv.innerHTML.split(", ").indexOf("sledgehammer") > -1) {
    alert("You escaped!");

    // HACK: workaround for window.close not working because of security feature
    open(location, '_self').close();
  }
};
r_t[3].does[0] = function() {
  if (inv.innerHTML.split(", ").indexOf("sledgehammer") > -1) {
    alert("You slammed the hammer into the table, causing it to break, and fall as 4 pieces. The note falls to the ground.");
    look = look.replace(`<button title="${r_t[curr_r].title[0]}" onclick="r_t[${curr_r}].does[0]()">${r_t[curr_r].things[0]}</button>`, "");
    content.innerHTML = look;
    r_t[3].things[0].splice(0, 1);
    r_t[3].title[0].splice(0, 1);
    r_t[3].does[0].splice(0, 1);
  }
};
r_t[3].does[1] = function() {
  alert("The note says,\n'Look in the storeroom.'")
};
r_t[3].does[2] = function() {
  alert("You look outside. It's the dead of night, and suddenly, a UFO passes by.")
}
r_t[4].does[0] = function() {
  if (Math.random() < 0.1) {
    alert("You got the sledgehammer!");
    inv.innerHTML = inv.innerHTML + `${items[1]}, `;
    look = look.replace(`<button title="${r_t[curr_r].title[0]}" onclick="r_t[${curr_r}].does[0]()">${r_t[curr_r].things[0]}</button>`, "");
    content.innerHTML = look;
    r_t[4].things.splice(0, 1);
    r_t[4].title.splice(0, 1);
    r_t[4].does.splice(0, 1);
  } else {
    alert("You got some junk! You threw it into the slew of mess.");
  }
};

for (let i in rooms) {
  // chrome console, you're the worst. rooms[i].addEventListener IS A FUNCTION, and yet you say it is not. *facepalm*.
  // at least that thing tells me whether my stuff is working, or there is a major error.
  rooms[i].addEventListener("click", function() {
    curr_r = i;
    look = "";
    for (let j in r_t[curr_r].things) {
      look = look + `<button title="${r_t[curr_r].title[j]}" onclick="r_t[${curr_r}].does[${j}]()">${r_t[curr_r].things[j]}</button>`
    }
    content.innerHTML = look;
  })
}