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

JavaScript
1

Tell us what’s happening:

Describe your issue in detail 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">
        <strong><span class="stat">0</span></strong>
        <strong><span class="stat">0</span></strong>
        <strong><span class="stat">0</span></strong>

<!-- User Editable Region -->

        <strong class="stat"><span id="xpText">0</span></strong>
        <strong class="stat"><span id="healthText">100</span></strong>
        <strong class="stat"><span id="goldText">50</span></strong>
      </div>

<!-- User Editable Region -->

      <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/122.0.0.0 Safari/537.36

Challenge Information:

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

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.

3

Hello and Welcome @ADIL !

Here is the code we begin this step with:

<span class="stat">XP: 0</span>
        <span class="stat">Health: 100</span>
        <span class="stat">Gold: 50</span>

Following the instructions:

The step is asking us to add the new span and the strong elements within this existing code, and around the numbers.

You have made a good attempt.  

I suggest making the changes within the existing code. 

May your coding path be smooth.
4

Screenshot 2024-03-09 160920
Screenshot 2024-03-09 160920813×729 36 KB

5

Where is your XP, Health and gold text?

Read carefully your code and instructions.

6

The code should be placed within these spans, not all by itself, nor outside of the original span tags.

Example only to show how to create the strong element tags and new span element tags within the existing span tags:

<span class="value"> <strong><span>Text</strong></span></span>

Hopefully this is more clear for you to understand @ADIL !

Wishing you smooth coding!

7

Grateful for the details you’ve shared

1 Like
8

Thank you ,
I got it

1 Like
9

Glad to hear you are able to move on to the next step.

Smooth coding!

10

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