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

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far


<!-- User Editable Region -->

<!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">
            <strong><span>XP: <span id="xpText">0</span></span></strong>
            <strong><span id="healthText">Health: <span class="stat">100</span></span></strong>
            <strong><span id="goldText">Gold: <span class="stat">50</span></span></strong>
        </div>
        <div id="controls"></div>
        <div id="monsterStats"></div>
        <div id="text"></div>
    </div>
</body>
</html>


<!-- User Editable Region -->

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

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.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Only the span with #xpText should be wrapped in using the element

4

Welcome to the community @himagnyaparisaneni !

As provided by @ombasaanyona, the spans are a bit off.

Here is a breakdown of the instructions that I made in the hope it will help you to resolve the problem and move to the next step.

1. Wrap numbers 0, 100, and 50 in span elements.
2. Wrap those new span elements in strong elements.
3. Give the new span elements id attributes with the following values 
xpText 
healthText 
goldText

If this helps you pass to the next step, please remember to check Solution by @ombasaanyona for the good guidance.

Happy coding and Happy New Year!

5

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