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

JavaScript
1

Tell us what’s happening:

The text says go to store and it appears to be working in the console. Not sure why I’m getting an error and would appreciate some assistance. Also while I’m creating the post, it’s not populating the code I have written for the button elements.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./styles.css">
    <title>RPG - Dragon Repeller</title>
    <script src="./script.js"></script>
  </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">
        <button id="button1">Go to store.</button>
          <button id="button2">Go to cave.</button>
            <button id="button3">Fight dragon.</button>

      </div>

<!-- User Editable Region -->

      <div id="monsterStats"></div>
      <div id="text"></div>
    </div>
  </body>
</html>

/* file: script.js */
let xp = 0;
let health = 100;
let gold = 50;
let currentWeaponIndex = 0;
let fighting;
let monsterHealth;
let inventory = ["stick"];

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Challenge Information:

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

2

I don’t think the button text should have the period at the end, try removing that

3

yep you’re a hero, thanks for that