启动倒计时!节
在这个练习中,我们希望你打印出一个简单的启动倒计时到输出框,从10到关闭。 具体来说,我们希望你:
从10下降到0.我们为您提供了一个初始化器 - var i = 10;
对于每次迭代,创建一个新的段落并将其附加到输出
,我们使用var output = document.querySelector(’.output’);。在评论中,我们为您提供了需要在循环中某处使用的三条代码行:
var para = document.createElement(‘p’); —新建一个段落。
output.appendChild(para); — 将段落附加到输出
var para = document.createElement(‘p’); —新建一个段落。
output.appendChild(para); — 将段落附加到输出
中。
para.textContent = — 段落内的文字等于您放在右侧的任何内容。
不同的迭代数字需要将不同的文本放在该迭代的段落中(您需要一个条件语句和多个para.textContent = lines):
如果数字是10,打印“Countdown 10”到段落。
如果数字为0,请打印“Blast off!” 到段落。
对于任何其他数字,只打印段落的数字。
para.textContent = — 段落内的文字等于您放在右侧的任何内容。
不同的迭代数字需要将不同的文本放在该迭代的段落中(您需要一个条件语句和多个para.textContent = lines):
如果数字是10,打印“Countdown 10”到段落。
如果数字为0,请打印“Blast off!” 到段落。
对于任何其他数字,只打印段落的数字。
</div>
<script>
const output = document.querySelector('.output');
output.innerHTML = '';
let i = 10;
while (i >= 0) {
let para = document.createElement('p');
if (i === 10) {
para.textContent = 'Countdown' + i;
} else if (i === 0) {
para.textContent = 'Blast off!';
} else {
para.textContent = i;
}
output.appendChild(para);
i--;
}
</script>