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

JavaScript
1

Tell us what’s happening:

Building a Role Playing Game step 39
I had completed step 38 went to step 39 and tried Submitting that but an error showed up saying "I should update the innerText of goStore. (Note: I can’t move the “post to the forum.” and can’t read the exact text to give you.) I have gone back several steps and moved forward and just can’t get step 39 to be successful when Submitted. the text for button1 is correct otherwise I couldn’t pass step 38. I need help to understand what is stopping me. Thanks.

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>
  </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">Monster Name: <strong><span id="monsterName"></span></strong></span>
        <span class="stat">Health: <strong><span id="monsterHealth"></span></strong></span>
      </div>
      <div id="text">
        Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
      </div>
    </div>
    <script src="./script.js"></script>
  </body>
</html>

/* file: styles.css */
body {
  background-color: #0a0a23;
}

#text {
  background-color: #0a0a23;
  color: #ffffff;
  padding: 10px;
}

#game {
  max-width: 500px;
  max-height: 400px;
  background-color: #ffffff;
  color: #ffffff;
  margin: 30px auto 0px;
  padding: 10px;
}

#controls,
#stats {
  border: 1px solid #0a0a23;
  padding: 5px;
  color: #0a0a23;
}

#monsterStats {
  display: none;
  border: 1px solid #0a0a23;
  padding: 5px;
  color: #ffffff;
  background-color: #c70d0d;
}

.stat {
  padding-right: 10px;
}

button {
  cursor: pointer;
  color: #0a0a23;
  background-color: #feac32;
  background-image: linear-gradient(#fecc4c, #ffac33);
  border: 3px solid #feac32;
}

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

const button1 = document.querySelector('#button1');
const button2 = document.querySelector("#button2");
const button3 = document.querySelector("#button3");
const text = document.querySelector("#text");
const xpText = document.querySelector("#xpText");
const healthText = document.querySelector("#healthText");
const goldText = document.querySelector("#goldText");
const monsterStats = document.querySelector("#monsterStats");
const monsterName = document.querySelector("#monsterName");
const monsterHealthText = document.querySelector("#monsterHealth");

// initialize buttons
button1.onclick = goStore;
button2.onclick = goCave;

// User Editable Region

button3.onclick = fightDragon;

// User Editable Region

function goStore() {
  button1.innerText = "Buy 10 health (10 gold)";
}
function goCave() {
  button2.innerText = "Buy weapon (30 gold)";
}

function fightDragon() {
  button3.innerText = "Go to town square";
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:127.0) Gecko/20100101 Firefox/127.0

Challenge Information:

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

2

This is the only function that you should have modified. Nothing else.
Reset and retry.

3

I have been working the step after you are looking at which is why there is no others to look at online, IDK.
Secondly, I have reset step 94 at least twice even three times. Then I started moving back to step90 or so then moving back through 94. It is step 95 that is telling me to modify step 94. I’ve been through that process several times also.
I’m sorry to bother your team, I know you are all busy. But,…if you have any idea beyond what is discussed so fa, or to just repeat 94/95 again and capture my interactions. I have saved step 95 lesson code which includes 94 code. Thanks.

4

Maybe there is a reason. I’ll try a reset on 95 and 94. Perhaps I didn’t do that…hang on for another reply…

5

Not able to pass step 95.
You should update the innerText property within your goStore function.

If there is a valid reason I truly don’t know what it is.

6

Please open a new topic for that question, thanks!