dirs = {
  "up-left": "Northwest",
  "up": "North",
  "up-right": "Northeast",
  "left": "West",
  "right": "East",
  "down-left": "Southwest",
  "down": "South",
  "down-right": "Southeast",
  "ascend": "Up",
  "descend": "Down"
}

function updateRoom(dest) {
  const room = world[dest];

  const areaName = document.querySelector("#area-name");
  const areaDesc = document.querySelector("#area-desc");

  areaName.innerText = room.name;
  areaDesc.innerText = room.desc;

  document.querySelectorAll(".move-button").forEach(button => {
    const dir = button.id.replace("move-", "");
    button.classList.add("disabled");
    button.innerText = dirs[dir];
  });

  Object.entries(room.exits).forEach(([dir, val]) => {
    const button = document.querySelector("#move-" + dir);

    button.classList.remove("disabled");

    button.innerText = val.target;
  });
}

world = {
  "Home": {
    "name": "Home",
    "desc": "Where the wifi autoconnects",
    "exits": {
      "up": {
        "target": "Dennis",
        "desc": "The obvious exit, but better."
      }
    }
  }
}