user654927's questions

您需要使用嵌套的 for 循环打印五行中的数字才能得到结果：

01 02 03 04 05 06 07 08 09 10
11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30
31 32 33 34 35 36 37 38 39 40
41 42 43 44 45 46 47 48 49 50

外循环打印换行符 br 并从 1 运行到 5。嵌套循环绘制从 1 到 10 的数字。我不明白该怎么做？您可能可以为每次迭代编写 if/else，但我认为这不是很正确。

let out10 = document.querySelector('.out-10');
let btn10 = document.querySelector('.b-10');

let cycleT10 = () => {
    for(let i = 1; i <= 5; i++){
        for(let k = 1; k <= 10; k++){
            if(k < 10){
                out10.innerHTML += '0' + String(k) + ' ';
                }
                else{
                    out10.innerHTML += k;
                };
            };
            out10.innerHTML += '<br>'
        };       
    };   
cycleT10();

////HTML

<section>
    <div class="div-16">Хеллоу</div>
    <div class="div-16">Хеллоу</div>
    <div class="div-16">Хеллоу</div>
    <button class="button-primary b-16">Task-12</button>
    <div class="out-16"></div>
</section>

///////////JS

let div16 = document.querySelectorAll('.div-16');
let btn16 = document.querySelector('.b-16');
let out16 = document.querySelector('.out-16');

btn16.addEventListener('click', () => {
    out16.innerHTML = '';
    f16();
});
function f16(){
    for(let i = 0; i < div16.length; i++){
        div16[i].style.color = 'red'
        out16.innerHTML = div16[i].innerHTML
    };
};

需要在out16中以红色字体显示类div-16的div的内容 - “Hello”，使用指定的代码，不会以字体颜色输出“Hello”。除此之外还有其他解决方案：

out16.innerHTML += "<div class = 'div-16' style = 'color: red'>"Хеллоу"</div>" 

有必要使用 for 循环构建数字序列 10_0_9_1_8_2_7_3_6_4_5_5_4_6_3_7_2_8_1_9_0_10

let btn15 = document.querySelector('.b-15');
let out15 = document.querySelector('.out-15');

function f15(){
    out15.innerHTML = '';
    for(let i = 10; i >= 0; i--){
        out15.innerHTML += i + '_'; 

    for(let i = 0; i <= 10; i++){
            out15.innerHTML += i + '_'; 

        };
    };
};
f15();

原图

如何使用点击事件在屏幕上显示六颗星？带有 6 个星号的行数取决于输入中的数字。需要通过循环来完成。

let element = (elem) => document.querySelector(elem);
let but = element('.b-6');
let out = element('.out-6');
let inp = element('.i-6');
but.onclick = function t6() {
  for (let i = 1; i < 4; i++) {
    if (inp.value == 1) {
      out.innerHTML = '******';
    } else if (inp.value == 2) {
      out.innerHTML = '******' + '<br/>' + '******';
    } else if (inp.value == 3) {
      out.innerHTML = '******' + '<br/>' + '******' + '<br/>' + '******';
    }
  }
}

<input class="i-6" type="number" />
<div class="out-6">
</div>
<button class="b-6">Кнопка</button>