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

JavaScript
1

says
Your second span element should have the text Health: . Make sure the spacing is correct.
How to fix?

Monster Name: 
Health:

tried with pre and without and with p, long space did not work and deleting it did not fix it

2

Welcome to the community @LionHeart !

Please use the help and post the complete code, along with your question, in your own words?

This will allow for a direct, focused and correct opportunity for the community to offer guidance to you and help resolve the problem.

Happy coding!

3

Full code

<!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">
            <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>
        </div>
        <div id="controls">
            <button id="button1">Go to store</button>
            <button id="button2">Go to cave</button>
            <button id="button3">Fight dragon</button>
        </div>
        <div id="monsterStats">
            <span class="stat"><pre>Monster Name: </pre><strong><span> </span></strong></span>
            <span class="stat"><pre>Health:</pre><strong><span> </span></strong></span>
        </div>
        <div id="text"></div>
    </div>
</body>

issue:
Your second span element should have the text Health: .
Make sure the spacing is correct.

4

This code is not showing the span and any other elements or values.

This is why we ask people to use the help to provide the necessary code and the question.

image

Thank you for understanding.

The community will be able to assist you much better if you can use the Help that appears after three unsuccessful attempts at the step.

Happy coding!

5

Edited this to display code

1 Like
6

To start with please you the “Ask for help” button. It makes things so much easier.

Secondly. The instructions want you to create two span elements inside the #monsterStats div. Next inside that two span elements is supposed to be the corresponding text. Followed by a strong element with an empty span element inside.

Remove the extra space and the pre and you’d be pretty close to correct.

Hope this helps. :slight_smile:

7

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