我尝试获取产品数量并将其乘以价格，然后将这些不断更新的值插入 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/