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

JavaScript
1

Tell us what’s happening:

This is for step 138 in the role playing game lessons.
Trying to update the monster stat display using DOT notation and I can’t seem to get it right. Please help
///
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];
button

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

Challenge Information:

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

2

The issue I am having is the second line of the code is not working. The monsterStat.style.display = none line. I can’t working out what I have done wrong with it.

3

Never mind I figured it out. I was just missing the quotations around the word ‘none’

1 Like