使用 Javascript 和 for 循环函数渲染 2 次乘法字符串

Question

这就是我目前所拥有的，我知道我走在正确的轨道上，但我无法想出创建一个 var 来汇总结果并将其集成到我的代码中...我明白为乘法创建的 var 应该在我的 "for" 行中的最后一个 "+"+" 之后。

<!DOCTYPE html>
<html>
<body>

<p></p>

<button onclick="loop()">Click here</button>

<p id="forLoop"></p>

<script>
    function loop() {
        var total = "";
        var x;
        for (x = 1; x < 13; x++) total += "2 x " + x + " = " + "<br>";

        document.getElementById("forLoop").innerHTML = total;
    }
</script>

</body>
</html>

Answer 1

您不需要另一个变量。您可以只使用 x*2。 JavaScript 足够聪明，可以评估结果并将其添加到您期望的字符串中。

"2 × " + x + " = " + <strong>x*2</strong> + "<br />"

几点注意事项：

为了表示 "times"（如："a times b"），HTML 具有 × 实体，其呈现如下：×
在生产中这样使用 <br> 被认为是不好的做法。生成一个 table 或一个列表，并将它们添加为元素。
在您意识到使用它的风险之前，您应该避免.innerHTML。

使用 Javascript 和 for 循环函数渲染 2 次乘法字符串

Using Javascript and for loop function to render 2 times multiplication string

javascript

for-loop

multiplication