2017-05-08 71 views
0

我有我正在處理的這段代碼,但無論我做什麼,計算按鈕都不起作用。我想使用pizzaSize和pizzaCost來查找每平方英寸的成本。我怎樣才能使計算按鈕實際計算?如何使計算按鈕工作

<!DOCTYPE html> 
<html lang='en'> 
<head> 
<meta charset='utf-8' > 
<title> Pizza Calculator </title> 
<script src="pizzaCalc.js"> 
</script> 
</head> 
<body> 
<h1>Pizza Calculator</h1> 
<p> 
<label for="priceBox">Cost: </label><input type="text" id="priceBox" size="5"/></p> 
<p> 
    <label for="sizeBox">Diameter :</label><input type="text" id="sizeBox"  
    size="5"/> 
</p> 
<input type="button" id="cpsi" value="Cost PSI" onclick="calculate(cpsi)"> 

</body> 
</html> 

"use strict" 
function pizzaCalc() { 
    var size = document.getElementById ("sizeBox").value; 
    size = parseFloat (size); 
    var price = document.getElementById("priceBox").value; 
    price = parceFloat (price); 
    var costPerSquareInch = price/(3.14 * (size/2)^2) 
    alert('Pizza value :' +costPerSquareInch); 
    document.getElementById("cpsi").value = costPerSquareInch; 
} 
+4

哪裏是'pizzaCalc.js'的代碼? –

+0

顯示js代碼,如果你需要幫助,否則theres沒有辦法,我們可以幫你 –

+0

我沒有看到任何代碼。問題中只有HTML。 –

回答

0

<!DOCTYPE html> 
 
<html lang='en'> 
 
<head> 
 
<meta charset='utf-8' > 
 
<title> Pizza Calculator </title> 
 
<script src="pizzaCalc.js"> 
 
</script> 
 
</head> 
 
<body> 
 
<h1>Pizza Calculator</h1> 
 
<p> 
 
<label for="priceBox">Cost: </label><input type="text" id="priceBox" value="5"/></p> 
 
<p> 
 
    <label for="sizeBox">Diameter :</label><input type="text" id="sizeBox" value="5"/> 
 
</p> 
 
<input type="button" id="cpsi" value="Cost PSI" onclick="pizzaCalc()"> 
 
    <script type="text/javascript"> 
 
    "use strict" 
 
    function pizzaCalc() { 
 
    var size = document.getElementById ("sizeBox").value; 
 
    size = parseFloat (size); 
 
    var price = document.getElementById("priceBox").value; 
 
    price = parseFloat (price); 
 
    var costPerSquareInch = price/(3.14 * (size/2)^2) 
 
    alert('Pizza value :' +costPerSquareInch); 
 
    document.getElementById("cpsi").value = costPerSquareInch; 
 
    } 
 
    </script> 
 
</body> 
 
</html>

看來,

<input type="button" id="cpsi" value="Cost PSI" onclick="calculate(cpsi)"> 

應該

<input type="button" id="cpsi" value="Cost PSI" onclick="pizzaCalc()"> 

也是我假設大小應該是上的輸入標籤。