Actions are described

satiate.js

@@ -6,7 +6,7 @@ let state = {
   player: {
     items: {
       keys: [
-        
+
       ]
     },
     rooms: {

world.js

@@ -22,6 +22,18 @@ function initRoomState(state) {
   });
 }
 
+function showActionDescription(desc) {
+  const descHolder = document.querySelector("#desc");
+
+  descHolder.textContent = desc;
+}
+
+function removeActionDescription() {
+  const descHolder = document.querySelector("#desc");
+
+  descHolder.textContent = "";
+}
+
 function moveToRoom(dest, state) {
   const room = world[dest];
 
@@ -128,6 +140,14 @@ function updateRoom(dest, state) {
         updateRoom(room.id, state);
       });
 
+      button.addEventListener("mouseenter", () => {
+        showActionDescription(action.desc);
+      });
+
+      button.addEventListener("mouseleave", () => {
+        removeActionDescription();
+      });
+
 
     });
   }
@@ -160,6 +180,9 @@ world = {
         "show": [
           (self, state) => {
             return state.player.rooms[self.id].squinted;
+          },
+          (self, state) => {
+            return !state.player.items.keys.includes("Locked Room");
           }
         ]
       }