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

Tell us what’s happening:

Describe your issue in detail here.

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

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

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

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.

Nice to see you back in the community @PW7 !

I think there is some misunderstanding of the instructions.

We are asked to wrap each of the new span elements within a strong element.

There should be three strong elements total, one for each new span.

Tip: Make sure to leave a space between the opening strong and the opening new span element tags.

For future posts, please include text telling us the problem?
Keep up the good progress!

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.

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"><strong>XP: <span id="xpText">0</span></strong></span>
            <span class="stat">Health: <span id="healthText">100</span></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) 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 4

This is a duplicate of the one I responded to earlier.

Please respond to the single post to make it easier for you and the community?

Nice to see you back in the community @PW7 !

I think there is some misunderstanding of the instructions.

We are asked to wrap each of the new span elements within a strong element.

There should be three strong elements total, one for each new span.

Tip: Make sure to leave a space between the opening strong and the opening new span element tags.

For future posts, please include text telling us the problem?
Keep up the good progress!

copied from my previous response to this step.

Happy coding!