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

Tell us what’s happening:

can anyone please solve this error
Your first nested span element should have the id of xpText .

Your code so far

XP: 0 Health: 100 Gold: 50
<!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">

<!-- User Editable Region -->

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

<!-- 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

Challenge Information:

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

Hello!
It’s been a while, welcome back!
The id attributes should be applied to these span elemens.

Instead, you applied it to the strong element.