不確定如何顯示結果// javascript

好吧，讓我的代碼在下面。點擊計算價格按鈕後，我希望它在按鈕下方顯示結果。即。汽車的數量，汽車的類型和汽車的價格。我知道這可能是非常容易做的，但我不能讓它工作。不確定如何顯示結果// javascript

HTML：

<!DOCTYPE html> 
<html> 
<body> 
    <form name="Cars"> 
     <h1>Car Sales</h1> 
     <p>Which type of car would you like (A, B or C)</p> 
     <input type="text" name="CarType"><br> 
     <p>how many cars would you like (1-100)</p> 
     <input type="text" name="CarNumber"><br> 
     <br> 
     <button onclick="return beginfunction()">Calculate Price</button> 
     <p id="message"></p> 
     <script src="car.js"> </script> 
    </form> 
</body>

的JavaScript：

function beginfunction() { 
    var CarType = document.forms["Cars"]["CarType"].value; 
    var CarNumber = document.forms["Cars"]["CarNumber"].value; 
    var CarPrice; 
    if (!(CarType == 'A' || CarType == 'B' || CarType == 'C')) { 
    CarTypeError = "Invalid Car Type"; 
    document.getElementById("message").innerHTML = CarTypeError; 
    return false; 

    } 


    { 
     if (isNaN(CarNumber)) { 
     CarNumberError = "Invalid Quantity Entered"; 
     document.getElementById('message').innerHTML = CarNumberError; 
      return false; 
     } 

    } 
{ 
    if (CarNumber >0 && CarNumber <10) 
    { 

    } 
    else 
    CarError = "Invalid"; 
    document.getElementById('message').innerHTML = CarError; 
    return false; 
} 
{ 
if (CarType == 'A') { 
    CarPrice = 30; 
} else if (CarType == 'B') { 
    CarPrice = 20; 
} else if (CarType == 'C'){ 
    CarPrice = 10; 
} 
} 

}

來源

2017-04-04 Nathan

'，但我只是不能讓它work'你得到了什麼錯誤？ – gurvinder372

對不起，我應該更清楚，上面的代碼工作正常。我只是不確定如何添加顯示結果的代碼行。 – Nathan

你計算CarPrice，但你不使用這個變量。您可以將其設置爲設置錯誤消息的相同<p>標籤。就是這樣。

if (CarType == 'A') { 
    CarPrice = 30; 
} else if (CarType == 'B') { 
    CarPrice = 20; 
} else if (CarType == 'C'){ 
    CarPrice = 10; 
} 
document.getElementById('message').innerHTML = CarPrice;

來源

2017-04-04 13:23:49 dev

不確定如何顯示結果// javascript

回答

相關問題