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

JavaScript
1

Tell us what’s happening:

Step 4

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.

The text of your first .stat element should still be XP: 0.

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

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:121.0) Gecko/20100101 Firefox/121.0

Challenge Information:

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

2

I’ve added a space, removed a space, did the Hokey Pokey, nothing is working.

3

do not go to new line, let me know if that helps

4

you hace to much space betwen the text and the

5

I’ve reset the lesson and added the elements in order as per Step 4, and It Worked! I’m using Firefox, you and Santa helped out! Thanks for answering, I really appreciate it!!!

6

can you help me to solve the same issue

8

First, I reset the lesson. Annoying but helpful. I use Firefox when I’m on the website, if that helps.
Then I wrapped each number in span elements and hit the check your code button. I hit that button each time I changed my code and that’s how I got it to work. We should get extra credit for testing the Beta, lol.

1 Like
9

thank you :lips: :100: :100: :100: :100: :100: :100: :100: :100: :100:

1 Like
10

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