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

JavaScript
1 
<!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></span>
             </strong>
         </span>
         
          <span class="stat"> Health: 
              <strong>
                  <span></span>
              </strong>
         </span>
        </div>

<!-- User Editable Region -->

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

2

You have an extra space between the span tag and the text that the test doesn’t like and even though the way you have it formatted is easier to read and how these lessons typically teach you to write it, it seems like this lesson was coded to only accept it formatted in one line:

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

1 Like
3

I opened an issue for the test. It should allow for properly formatted HTML.

1 Like
4

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