mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-25 10:01:30 -04:00

Files

camperbot 960eb4bb31 chore(i18n,learn): processed translations (#47963 )

2022-10-10 12:35:19 -07:00

4.2 KiB

Raw Blame History

id, title, challengeType, dashedName

id	title	challengeType	dashedName
62a23c1d505bfa13747c8a9b	步骤 4	0	step-4

--description--

将数字 0、100 和 50 包含在 span 元素中，并将这些新的 span 元素包含在 strong 元素中。然后分别为新的 span 元素设置 id 值为 xpText、healthText 和 goldText 。

--hints--

应该在第一个 .stat 元素中添加一个 strong 元素。

const stat = document.querySelectorAll('.stat')[0];
const strong = stat?.querySelector('strong');
assert.exists(strong);

第一个新的 strong 元素应该有一个 span 元素。

const stat = document.querySelectorAll('.stat')[0];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.exists(span);

第一个嵌套的 span 元素应具有 id 值为 xpText。

const stat = document.querySelectorAll('.stat')[0];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.equal(span?.id, 'xpText');

第一个 span 元素应该包裹在文本 0 周围。

const stat = document.querySelectorAll('.stat')[0];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.equal(span.innerText, '0');

第一个 .stat 元素的文本仍应为 XP: 0。

const stat = document.querySelectorAll('.stat')[0];
assert.equal(stat.innerText, 'XP: 0');

应该在第二个 .stat 元素中添加一个 strong 元素。

const stat = document.querySelectorAll('.stat')[1];
const strong = stat?.querySelector('strong');
assert.exists(strong);

第二个新 strong 元素应该有一个 span 元素。

const stat = document.querySelectorAll('.stat')[1];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.exists(span);

第二个嵌套的 span 元素应具有 id 值为 healthText。

const stat = document.querySelectorAll('.stat')[1];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.equal(span?.id, 'healthText');

第二个 span 元素应包裹在文本 100 周围。

const stat = document.querySelectorAll('.stat')[1];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.equal(span.innerText, '100');

第二个 .stat 元素的文本仍应为 Health: 100。

const stat = document.querySelectorAll('.stat')[1];
assert.equal(stat.innerText, 'Health: 100');

应该在第三个 .stat 元素中添加一个 strong 元素。

const stat = document.querySelectorAll('.stat')[2];
const strong = stat?.querySelector('strong');
assert.exists(strong);

第三个新 strong 元素应该有一个 span 元素。

const stat = document.querySelectorAll('.stat')[2];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.exists(span);

第三个嵌套的 span 元素应具有 id 值为 goldText。

const stat = document.querySelectorAll('.stat')[2];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.equal(span?.id, 'goldText');

第三个 span 元素应包裹在文本 50 周围。

const stat = document.querySelectorAll('.stat')[2];
const strong = stat?.querySelector('strong');
const span = strong?.querySelector('span');
assert.equal(span.innerText, '50');

第三个 .stat 元素的文本仍应为 Gold: 50。

const stat = document.querySelectorAll('.stat')[2];
assert.equal(stat.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>
</head>
<body>
    <div id="game">
        <div id="stats">
--fcc-editable-region--
            <span class="stat">XP: 0</span>
            <span class="stat">Health: 100</span>
            <span class="stat">Gold: 50</span>
--fcc-editable-region--
        </div>
        <div id="controls"></div>
        <div id="monsterStats"></div>
        <div id="text"></div>
    </div>
</body>
</html>

4.2 KiB Raw Blame History

--description--

--hints--

--seed--

--seed-contents--

4.2 KiB

Raw Blame History