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

JavaScript
1

Unable to go past step 6

Hi, everyone.
I am unable to go past step 6 on the role playing game as code checker encounters an error within the second span. It hints to make sure the spacing is correct, although it is. You can check from the screen captured gif, as removing and retyping blank space after ‘Health:’ does not solve the issue, neither rewriting the whole of the span element. Any thoughts? Thanks :slight_smile:
Recording 2024-01-05 at 17.33.40

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">
        <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>
      </div>
      <div id="controls">
        <button id="button1">Go to store</button>
        <button id="button2">Go to cave</button>
        <button id="button3">Fight dragon</button>
      </div>

<!-- User Editable Region -->

      <div id="monsterStats">

        <span class="stat">Monster Name: <strong><span id="monsterName">
          </span></strong></span>

        <span class="stat">Health: <strong><span id="monsterHealth">
          </span></strong></span>

      </div>

<!-- User Editable Region -->

      <div id="text"></div>
    </div>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

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

2

It looks like you might have spaces or line breaks inside the spans that are supposed to be empty.

1 Like
3

Thanx! Found the issue is with wrapping the elements at the end of the line. For some reason breaking the code to a next line myself was actually adding an extra space to all the span line. Living it up to the sandbox where code is written to wrap the line itself doesn’t add that extra space, although it did ignore it in the monsterName span :sweat_smile:
Recording 2024-01-05 at 17.58.00

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.