mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-12 03:00:53 -04:00
1.8 KiB
1.8 KiB
id, title, challengeType, dashedName
| id | title | challengeType | dashedName |
|---|---|---|---|
| 62a1166ed9a56d439c0770e7 | Schritt 16 | 0 | step-16 |
--description--
Erstelle drei span-Elemente innerhalb deines #stats-Elements. Gib jedem von ihnen die Klasse stat. Gib dann dem ersten den Text XP: 0, dem zweiten den Text Health: 100 und dem dritten den Text Gold: 50.
--hints--
Du solltest drei span-Elemente innerhalb des #stats-Elements haben.
const spans = document.querySelectorAll('#stats > span');
assert.equal(spans?.length, 3);
Du solltest den drei neuen span-Elementen eine Klasse von stat geben.
assert.exists(document.querySelectorAll('#stats > .stat')?.length, 3);
Dein erstes .stat-Element sollte den bereitgestellten Text XP: 0 haben.
assert(document.querySelectorAll('#stats > .stat')?.[0]?.innerText === 'XP: 0');
Dein neues .stat-Element sollte den bereitgestellten Text Health: 100 haben.
assert(document.querySelectorAll('#stats > .stat')?.[1]?.innerText === 'Health: 100');
Dein drittes .stat-Element sollte den bereitgestellten Text Gold: 50 haben.
assert(document.querySelectorAll('#stats > .stat')?.[2]?.innerText === 'Gold: 50');
--seed--
--seed-contents--
<!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>
--fcc-editable-region--
<body>
<div id="game">
<div id="stats">
</div>
<div id="controls"></div>
<div id="monsterStats"></div>
<div id="text"></div>
</div>
</body>
--fcc-editable-region--
</html>
let xp = 0;
let health = 100;
let gold = 50;
let currentWeapon = 0;
let fighting;
let monsterHealth;
let inventory = ["stick"];