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

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

<!-- User Editable Region -->

        <div id="controls">
            <input type="button" id="button1" value="Go to store">
            <input type="button" id="button2" value="Go to cave">
            <input type="button" id="button3" value="Fight dragon">
        </div>

<!-- User Editable Region -->

        <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/109.0.0.0 Safari/537.36

Challenge Information:

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

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.

You should add three button elements to your #controls element.

Hello @tejprakash1997m !

I think the buttons should be button elements, and not input. Try that and see how it works for you.

Keep up the good progress and happy coding!

Hi @tejprakash1997m ,

my suggestion is to take this page as a reference: W3 schools HTML tags.

Have fun!