大家下午好
我正在做一個專案，我想在其中創建以下模式：
X
XX
XXX
XXXX
..等等。一共有二十行，第二十行應該有20個X。這是我想出的非常接近的：
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="xloop();">Accept</button> <br>
<p id="xloops"></p>
<script>
function xloop() {
let text = "";
for (j=2; j<=20; j ) {
text = ("X") ("<br>");
for (k=1; k<j; k ) {
text = ("X");
}
}
document.getElementById("xloops").innerHTML = text;
}
</script>
</body>
</html>
該模式適當地開始并執行我想要的操作，直到最后一行。第 20 行只有 19 個元素，而不是必要的 20 個。我感覺這與 k 回圈中的“j<k”片段在 j 等于 20 時嚴格小于 j 有關，但任何其他指數或不等式的試錯組合沒有奏效..有沒有辦法我可以單獨使用這種解決方案來補救這種情況而不會增加任何復雜性？
謝謝！
uj5u.com熱心網友回復：
我認為以下內容會對您有所幫助：
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="xloop()">Accept</button> <br>
<p id="xloops"></p>
<script>
function xloop() {
let text = "";
for (let j = 0; j < 20; j ) {
let text2 = "";
for (let k = 0; k <= j; k ) {
//row
text2 = "X";
}
//line
text = `${text2}` "<br>"
}
document.getElementById("xloops").innerHTML = text;
}
</script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/474870.html
下一篇：如何呼叫函式末尾回傳的變數？