添加功能總數

Question

我的total_price函數不起作用。我希望將它放在我已經完成但不顯示的totalPrice段落中。

function calcAdult() 
{ 
    var ticketPrice = 12; 
    var amount = document.getElementById('SAinput').value; 
    var total = ticketPrice * amount; 
    document.getElementById('SAPrice').innerHTML = "Cost = $" +total.toFixed(2); 
    return total; 
} 

function calcCon() 
{ 
    var ticketPrice = 10; 
    var amount = document.getElementById('SPinput').value; 
    var total = ticketPrice * amount; 
    document.getElementById("SPPrice").innerHTML = "Cost = $" +total.toFixed(2); 
    return total; 
} 
function total_price() 
{ 
    var price = calcAdult() + calcCon(); 
    document.getElementById("totalPrice").innerHTML = "Cost = $" + price.toFixed(2);    
} 

Answer 1

從討論的意見，你是不是調用total_price方法可言，而不是您所呼叫的字段值變化的其他2種方法。

相反，你可以直接調用total_price方法像

<input id="SAinput" onchange="total_price()"/> 
<input id="SPinput" onchange="total_price()"/> 

值的變化則

function calcAdult() { 
    var ticketPrice = 12; 
    var amount = document.getElementById('SAinput').value; 
    var total = (ticketPrice * amount) || 0; 
    document.getElementById('SAPrice').innerHTML = "Cost = $" + total.toFixed(2); 
    return total; 
} 

function calcCon() { 
    var ticketPrice = 10; 
    var amount = document.getElementById('SPinput').value; 
    var total = (ticketPrice * amount) || 0; 
    document.getElementById("SPPrice").innerHTML = "Cost = $" + total.toFixed(2); 
    return total; 
} 

function total_price() { 
    var price = calcAdult() + calcCon(); 
    document.getElementById("totalPrice").innerHTML = "Cost = $" + price.toFixed(2); 

} 

演示：Fiddle