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

Tell us what’s happening:

Describe your issue in detail here.
Your first nested span element should have the id of xpText . This is what they saying

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

<!-- 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/119.0.0.0 Safari/537.36 OPR/105.0.0.0

Challenge Information:

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

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.

Welcome to the forum @BianJake04

  1. wrap the new span element in a strong element
    You nested it around both the text and number.
  2. give the new span elements unique id attributes.
    You placed the id attribute in the strong element.

Happy coding

Please reset the step and try again.

Happy coding

I don’t know what is the error in my program, I look at it and it seems that there is no error about it but the free code camp says that i have error