启动倒计时

启动倒计时!节
在这个练习中,我们希望你打印出一个简单的启动倒计时到输出框,从10到关闭。 具体来说,我们希望你:

从10下降到0.我们为您提供了一个初始化器 - var i = 10;
对于每次迭代,创建一个新的段落并将其附加到输出

,我们使用var output = document.querySelector(’.output’);。在评论中,我们为您提供了需要在循环中某处使用的三条代码行:
var para = document.createElement(‘p’); —新建一个段落。
output.appendChild(para); — 将段落附加到输出
中。
para.textContent = — 段落内的文字等于您放在右侧的任何内容。
不同的迭代数字需要将不同的文本放在该迭代的段落中(您需要一个条件语句和多个para.textContent = lines):
如果数字是10,打印“Countdown 10”到段落。
如果数字为0,请打印“Blast off!” 到段落。
对于任何其他数字,只打印段落的数字。

Document
</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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值