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

JavaScript
1

Tell us what’s happening:

I have added the monsterStats.style display change to the first line to equals none as the question had requested, but the tutor prompt replies with monsterStats.style should be set to none, not sure what is wrong here…

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

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

2

Hi there!

The none should be surrounded by quote marks. Because it’s not a variable name or a boolean value.

1 Like
3

but it is not a string

4

CSS Property Values are Strings The display property in CSS accepts string values such as “none”, “block”, “inline”, etc. When we modify the style object of a DOM element in JavaScript, we are setting the display property to one of these CSS string values.
Without quotes, JavaScript would treat none as a variable or identifier, which would result in a ReferenceError if none is not defined.

1 Like