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

JavaScript
1

Tell us what’s happening:

This is my code:

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;
}

Can anyone tell me where I might be going wrong? Cheers.

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/126.0.0.0 Safari/537.36 Edg/126.0.0.0

Challenge Information:

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

2

Hi @fitzgeraldp

You should set monsterStats.style.display to none.

Try wrapping the assignment in quote marks.

Happy coding

1 Like
3

It worked. Thanks for your help.

1 Like