Learn Basic JavaScript by Building a Role Playing Game - Step 133

Tell us what’s happening:

I cant think of any other way to do whats being asked other than:

monsterStats.style.display = none

Any help would be appreciated!

Your code so far

<!-- file: index.html -->

/* file: styles.css */

/* file: script.js */
// User Editable Region

function update(location) {
  monsterStats.style.display = none;
  button1.innerText = location["button text"][0];
  button2.innerText = location["button text"][1];
  button3.innerText = location["button text"][2];
  button1.onclick = location["button functions"][0];
  button2.onclick = location["button functions"][1];
  button3.onclick = location["button functions"][2];
  text.innerText = location.text;
}

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:124.0) Gecko/20100101 Firefox/124.0

Challenge Information:

Learn Basic JavaScript by Building a Role Playing Game - Step 133

CSS property values are strings. You’re trying to set it to the value in the variable none, which doesn’t exist. Instead, you need to set it to the string none.