gpt4 book ai didi

javascript - 为什么 Javascript 动态 HTML5 表格没有出现在页面上

转载 作者:行者123 更新时间:2023-12-01 03:34:17 26 4
gpt4 key购买 nike

我尝试获取产品数量并将其乘以价格,然后将这些不断更新的值插入 HTML 表中。为了示例,我使用永远循环来不断获取输入。

    <!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">

<script>
<!--
var product1 = 0;
var product2 = 0;
var product3 = 0;
var product4 = 0;
var product5 = 0;
var productNum = 0;
var productNumInt = 0;
var quantitySold = 0;
var quantitySoldInt = 0;

document.write("<table>");
document.write("<tr><th>Product Number</th><th>Quantity Sold</th></tr>");
document.write("<tr><td>1</td><td>$" + product1 + "</td></tr>");
document.write("<tr><td>2</td><td>$" + product2 + "</td></tr>");
document.write("<tr><td>3</td><td>$" + product3 + "</td></tr>");
document.write("<tr><td>4</td><td>$" + product4 + "</td></tr>");
document.write("<tr><td>5</td><td>$" + product5 + "</td></tr>");
document.write("</table>");

while (true) {
productNum = window.prompt("Please enter the product number");
quantitySold = window.prompt("Please enter the quantity sold");
productNumInt = parseInt(productNum);
quantitySoldInt = parseInt(quantitySold);

switch (productNumInt) {
case 1:
product1 += quantitySoldInt * 2.98;
break;
case 2:
product2 += quantitySoldInt * 4.50;
break;
case 3:
product3 += quantitySoldInt * 9.98;
break;
case 4:
product4 += quantitySoldInt * 4.49;
break;
case 5:
product5 += quantitySoldInt * 6.87;
break;
}
}
// -->
</script>
</head>

<body>
</body>

</html>

最佳答案

正如 @vZ10 提到的,您需要将脚本放在 body 标记的末尾。此外,您还提示用户在实际呈现表格(document.write 调用)后填充数据。尝试在提示后调用 document.write

关于javascript - 为什么 Javascript 动态 HTML5 表格没有出现在页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44361606/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com