添加功能总数

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