我如何使用javascript將數字乘以9的1到1000的數字？

Question

在這里，我試圖在一側顯示9的倍數，而在另一側顯示1到1000的數字。 但是僅顯示9的倍數，如何顯示另一邊的剩余數字？

 var i; for (i=1;i<=1000;i++){ if (i % 9 == 0) { document.writeln(i); document.write("<br>"); //document.write(i); } /*else if (i % 9){ document.write(i); document.write("<br>"); }*/ } 

Answer 1

可以創建兩個<ul>元件，串聯"<li>" + i + "</li>"到適當的ul到的索引ul返回由.querySelectorAll()

 var ul = document.querySelectorAll("ul"); var i; for (i = 1; i <= 1000; i++) { ul[i % 9 == 0 ? 0 : 1].innerHTML += "<li>" + i + "</li>"; } 

 ul { display: inline-block; position: absolute; width: 125px; } ul:nth-of-type(2) { left: 250px; } 

 <ul><li>multiples of 9</li></ul><ul><li>not multiples of 9</li></ul> 

Answer 2

是的，您可以先在HTML中添加兩個div，然后再簡單地將div中的i值相加，例如i％9 == 0，那么我們將該值添加到第一div中，否則使用以下方法將該值添加到第二個div中：簡單的javascript代碼。 您可以使用document.getElementById（“ div_id”）;訪問第一和第二個div。

<style>
    .box{
        width: 25%;
        float: left;
    }
</style>
<div id="div1" class="box"></div>
<div id="div2" class="box"></div>
<script>
    var i;
    var div1_output = "", div2_output = "";
    var div1 = document.getElementById("div1");
    var div2 = document.getElementById("div2");
    for (i = 1; i <= 1000; i++) {
        if (i % 9 == 0) {
            div1_output += i + "<br>";
        }
        else if (i % 9){
            div2_output += i + "<br>";
        }
    }
    div1.innerHTML = div1_output;
    div2.innerHTML = div2_output;

</script>