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

Tell us what’s happening:

my first span has some
issues

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>

<!-- User Editable Region -->

  <body>
    <div id="game">
      <div id="stats">
          <span class="stat">
            XP: 0
          </span>
          <span class="stat">
            Health: 100
          </span>
          <span class="stat">
            Gold: 50
          </span>
      </div>
      <div id="controls"></div>
      <div id="monsterStats"></div>
      <div id="text"></div>
    </div>
  </body>

<!-- User Editable Region -->

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

The spacing here is confusing the tests. In general, it is always best to put something like this on one line. Granted, it shouldn’t technically matter, but the test can be very picky about unnecessary spacing. So just reformat each of the spans to be on one line and you should pass.

1 Like

now I’m having a new problem with my javascript code line 58