2.0 KiB
2.0 KiB
| id | title | challengeType | dashedName |
|---|---|---|---|
| 62a115879a6d51422652cbfc | Крок 2 | 0 | step-2 |
--description--
Створіть чотири елементи div у своєму елементі #game. Надайте їм наступні значення id, у такому порядку: stats, controls, monsterStats та text.
--hints--
Ви повинні створити чотири нові елементи div.
assert.equal(document.querySelectorAll('div')?.length, 5);
Одному з нових елементів div надайте id зі значенням stats.
assert.exists(document.querySelector('div#stats'));
Одному з нових елементів div надайте id зі значенням controls.
assert.exists(document.querySelector('div#controls'));
Одному з нових елементів div надайте id зі значенням monsterStats.
assert.exists(document.querySelector('div#monsterStats'));
Одному з нових елементів div надайте id зі значенням text.
assert.exists(document.querySelector('div#text'));
Ви повинні розмістити нові елементи div в правильному порядку.
function __t(a, b) {
return document.querySelector(a)?.nextElementSibling?.getAttribute('id') === b;
}
assert(__t('div#stats','controls') && __t('div#controls','monsterStats') && __t('div#monsterStats','text'));
Ви повинні розмістити нові елементи div в межах елемента #game.
assert.equal(document.querySelector('#game')?.children?.length, 4);
--seed--
--seed-contents--
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./styles.css">
<title>RPG - Dragon Repeller</title>
</head>
--fcc-editable-region--
<body>
<div id="game">
</div>
</body>
--fcc-editable-region--
</html>