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

JavaScript
1

Tell us what’s happening:

The text of your first .stat element should still be XP: 0
I cant seem to figure out what I am doing wrong or what’s missing

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 Edg/120.0.0.0

Challenge Information:

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

2

I spot a few issues here

No.1
This id name is spelled wrong. It uses the incorrect capitalization

No.2:
You need to have a space between the first span element and strong elements because there should be a space between the stat name and number

No.3:
It looks like the test is expecting each of the stats to have all of the span and strong elements on the same line like this

Here is your current code without the extra line breaks

  <span class="stat">XP:<strong><span id="xpText">0</span></strong></span>

When I fix all of those things, then it passes for me

3 Likes
3

I don’t know what I did other than changing the capitalization error but it passed, I ended up resetting the lesson. Thanx for the assistance

1 Like
4

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