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

JavaScript
1

Tell us what’s happening:

Problem is pretty easy to see I feel. Syntax of everything should be correct, same as class name and contents. Error message says provided text in first and second span element is wrong, but not in third. No idea what to do here :confused:

Your code so far

<!-- file: index.html -->
<!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>

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

/* 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; rv:122.0) Gecko/20100101 Firefox/122.0

Challenge Information:

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

2

Nvm, fixed it now. Apparently you need to put a “br” between the “span” elements. Rly weird, but least I’m passing now, so…yay?

3

Welcome to the forum @Athrox

Please remove all the white space between the opening span tags and the text, and all the white space between the text and the closing span tags.

The tests are checking for specific spacing.

Happy coding

4

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