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

Tell us what’s happening:

it says You should use dot notation to access the innerHTML property of text.

Your code so far

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

/* file: styles.css */

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

  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;
  document.querySelector("text").innerHTML = text.innerText;

// 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/123.0.0.0 Safari/537.36 OPR/109.0.0.0

Challenge Information:

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

  text.innerText = location.text;
  document.querySelector("text").innerHTML = text.innerText;

text already has the element you’re selecting. It looks like you’ve got an extra step in here you don’t need.

So whats the correct code for this

Well, let’s think about it. The instructions specifically say:

In the update function, change text.innerText to text.innerHTML .

Have you changed text.innerText to text.innerHTML? It doesn’t look like it. You have text.innerText twice now, in fact.

So whats the correct code for this

Hi there!
Welcome to the FCC forum. We don’t give the solution, only provides you hints here on the forum. You need code and pass the challenge by yourself.

Now tell, what’s you don’t understands in the above hint?
@muhammadfahada2

The answer is very simple, do not overthink, it doesnt look like the sample.