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

JavaScript
1

Tell us what’s happening:

I do not understand Step 17. Can someone pls explain what am i doing wrong here ?

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>
  <body>
    <div id="game">
      <div id="stats">

<!-- User Editable Region -->

       <strong><span class="stat" id = "xpText">XP:0<span></strong>
       <strong><span class="stat"id = "healthText">Health:100</span></strong>
       <strong><span class="stat"id = "goldText">Gold:50</span></strong>

<!-- User Editable Region -->

      </div>
      <div id="controls"></div>
      <div id="monsterStats"></div>
      <div id="text"></div>
    </div>
  </body>
</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) 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 17

2

Welcome to the forum @Bods

Please reset the step to restore the original code.

Then start nesting the elements around the numbers.

First nest the number in a span element.
Then nest that span element in a strong element.

Remember to add the id attribute to the correct element, and make sure there is no white space around the equals sign.

Happy coding

3

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.

You need to wrap only 0, 100 and 50 between your span opening and closing tags. And you didn’t need class stat in your span tags.

4

Thanks for the help. I got it.

1 Like
5

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