我如何使用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>