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

Tell us what’s happening:

It keeps saying that my code does not pass and that my first nested span element should have the id xpText.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./styles.css">
    <title>RPG - Dragon Repeller</title>
  </head>
  <body>
    <div id="game">
      <div id="stats">

<!-- User Editable Region -->

<span class="stat" id="xpText">XP: <strong><span>0</span></strong></span>
<span class="stat" id="healthText">Health: <strong><span>100</span></strong></span>
<span class="stat" id="goldText">Gold: <strong><span>50</span></strong></span>

<!-- User Editable Region -->

      </div>
      <div id="controls"></div>
      <div id="monsterStats"></div>
      <div id="text"></div>
    </div>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 OPR/106.0.0.0

Challenge Information:

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

We want to be able to change the numbers themselves. To do that, we need to identify the span that they are in. Change the id to the span that directly wraps the numbers.

1 Like

Thank you immensely for the advice.