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

Tell us what’s happening:

So I don’t really understand what it is asking me if the code I wrote below isn’t working

" Step 4
Wrap the numbers 0, 100, and 50 in span elements, and wrap those new span elements in strong elements. Then give your new span elements id values of xpText, healthText, and goldText, respectively."

Your code so far

    <span id="xpText"><strong>0</strong></span>
    <span id="healthText"><strong>100</strong></span>
    <span id="goldText"><strong>50</strong></span>
<!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 id="xpText"><strong>0</strong></span>
        <span id="healthText"><strong>100</strong></span>
        <span id="goldText"><strong>50</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

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.

The hint is “in which order were the instructions given?”

If I told you:
You are preparing a present. Wrap the present in blue paper and then wrap it in pink paper.

Which color is on the outside?

1 Like

Write such as:

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