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

Tell us what’s happening:

Describe your issue in detail here.
I think there is something wrong with my span but I can’t seem to fix the bug. Any tips?

Your code so far

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

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./styles.css">
    <title>RPG - Dragon Repeller</title>
    <script src="./script.js"></script>
  </head>
  <body>
    <div id="game">
      <div id="stats">
        <strong>XP:</strong> <span class="stat" id="xpValue">0</span>
        <strong>Health:</strong> <span class="stat" id="healthValue">100</span>
        <strong>Gold:</strong> <span class="stat" id="goldValue">50</span>
      </div>
      <div id="controls"></div>
      <div id="monsterStats"></div>
      <div id="text"></div>
    </div>
  </body>
</html>


<!-- User Editable Region -->

/* file: script.js */
let xp = 0;
let health = 100;
let gold = 50;
let currentWeapon = 0;
let fighting;
let monsterHealth;
let inventory = ["stick"];

Your browser information:

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

Challenge Information:

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

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.

Have you tried removing the space between the strong and span? Unnecessary spaces can cause problems, I can’t explain why, happens to me all the time.

1 Like

The issue is that you have wrapped strong tags around the wrong elements.

currently your code produces this result

Screenshot 2024-01-31 at 5.45.32 PM

but the correct final result should be this
Screenshot 2024-01-31 at 5.46.16 PM

notice how the difference is that the numbers are bold.

once you fix that, then the test will pass

1 Like

Got it This is solution, this is solution

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