mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-04-13 22:00:19 -04:00
73 lines
1.9 KiB
Markdown
73 lines
1.9 KiB
Markdown
---
|
|
id: 62a3bb9aeefe4b3fc43c6d7b
|
|
title: Step 17
|
|
challengeType: 0
|
|
dashedName: step-17
|
|
---
|
|
|
|
# --description--
|
|
|
|
`button1` ist eine Variable, die nicht neu zugewiesen wird. Wenn du einer Variable keinen neuen Wert zuweisen möchtest, ist es empfehlenswert, das `const`-Schlüsselwort anstelle des `let`-Schlüsselworts zu verwenden, um sie zu deklarieren. Dadurch wird JavaScript angewiesen, einen Fehler zu melden, wenn du sie versehentlich neu zuweist.
|
|
|
|
Ändere deine `button1`-Variable, so dass sie mit dem `const`-Schlüsselwort deklariert wird.
|
|
|
|
# --hints--
|
|
|
|
Deine `button1`-Variable sollte mit `const` deklariert werden.
|
|
|
|
```js
|
|
assert.match(code, /const\s+button1/);
|
|
```
|
|
|
|
Deine `button1`-Variable sollte noch immer den Wert deines `#button1`-Elements haben.
|
|
|
|
```js
|
|
assert.deepEqual(button1, document.querySelector("#button1"));
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --seed-contents--
|
|
|
|
```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"></div>
|
|
<div id="text"></div>
|
|
</div>
|
|
<script src="./script.js"></script>
|
|
</body>
|
|
</html>
|
|
```
|
|
|
|
```js
|
|
let xp = 0;
|
|
let health = 100;
|
|
let gold = 50;
|
|
let currentWeaponIndex = 0;
|
|
let fighting;
|
|
let monsterHealth;
|
|
let inventory = ["stick"];
|
|
|
|
--fcc-editable-region--
|
|
let button1 = document.querySelector("#button1");
|
|
--fcc-editable-region--
|
|
```
|