我試圖獲得一系列產品的總價，但是當我嘗試時，它只是回傳 NaN 我對 JavaScript 有點陌生所以我可能做錯了
所以我有一個多維陣列，我從產品中獲取資料，然后根據該資料創建一個表以在導航器中顯示資料，但是當我嘗試將所有價格資料添加到總計時，它只是在導航器中說 NaN 但我不明白為什么，因為我使用 parseInt() 方法知道為什么會發生這種情況嗎？我沒有想法來解決這個問題。
JavaScript：
let carrito = [];
let continuar;
let figura;
let precio;
let cantidad;
let total;
do{
figura = prompt("Figura de acción:");
precio = prompt("Precio:");
cantidad = prompt("Cantidad:");
carrito.push([figura, cantidad, precio]);
continuar = prompt("?Continuar?");
}while(continuar != "n");
console.log(carrito)
crearTabla()
function crearTabla(){
let tabla = "<thead><tr><th>Producto</th><th>Cantidad</th><th>Precio</th></tr></thead>"
for (var i = 0; i < carrito.length; i ) {
tabla = `<tr><td>${carrito[i][0]}</td><td>${carrito[i][1]}</td><td>${carrito[i][2]}</td></tr>`
total = parseInt(carrito[i][2]);
console.log(carrito[i][2]);
}
tabla = `<tr><td>---</td><td>Subtotal:</td><td>${total}</td></tr>`
document.getElementById("factura").innerHTML = tabla;
}
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Calculadora</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="js/app.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7 zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG 2QOK9T ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
</head>
<body>
<div>
<table id="factura"></table>
<button type="button" onclick="calcular()">Calcular</button>
</div>
</body>
</html>
uj5u.com熱心網友回復：
初始化total為total = 0;- 如果您undefined 1在瀏覽器開發工具的控制臺中鍵入內容，它將回傳 NaN。沒有初始化total這就是結果。
console.log(undefined 1);
let total;
console.log('Total: ', total = 1);
let goodTotal = 0;
console.log('Good total: ', goodTotal = 1);轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/368319.html
標籤：javascript
上一篇：每15秒更改影像時隨機預加載影像