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

Tell us what’s happening:

Describe your issue in detail here.

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 -->
IVE TRIED EVERYTHING UNDER THE SUN
        <span  id="xpText"><strong> XP: <span> 0 </span></strong>
        <span  id="HealthText"><strong>  Health: <span> 100 </span></strong>
        <span  id="goldText"><strong> Gold: <span> 50 </span></strong>

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

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.

Hi @am2017

image

  1. wrap only the numbers in span elements.
    Your code has also nested the text.
  2. wrap the new span element in a strong element
  3. give the new span elements unique id attributes.
    Your code has it placed inside the existing span elements, and deleted the stat classes

Please reset the step and try again.

Happy coding