2016-07-27 26 views
-1

在我的程序中,我編寫了幾個函數,當您鍵入任意數量的票證持有人和補充通行證時,從1到550,之後,當您單擊按鈕「計算可用座位」時,它將顯示:「The可用座位的數量是「然後555減去持票人和補充通行證的數量。但是,用我現在的代碼,當我用兩個隨機數鍵入兩個空白框後,然後點擊按鈕「計算可用座位」時,它總是返回「可用座位數爲555」。我希望該計劃第一減去票持有者的兩個值,並從555(關於該飛機座位的最大數量)通過並顯示值,而不僅僅是555爲什麼我的函數不能從空白輸入框中獲取值並執行正確的函數?

var TicketHolders = parseInt(document.getElementById("txtTickets").value) || 0; 
 
    var ComplementaryPasses = parseInt(document.getElementById("txtPasses").value) || 0; 
 
    
 
    function number_of_available_seats(TicketHolders, ComplementaryPasses) { 
 
     var answer = 555 - (TicketHolders + ComplementaryPasses); 
 
    \t return("The number of available seats is " + answer); 
 
    } 
 
    var button = document.getElementById("btnSubmit"); 
 
    
 
    
 
    
 
    function showresults(TicketHolders, ComplementaryPasses) { 
 
    \t document.getElementById("results").innerHTML = number_of_available_seats(TicketHolders, ComplementaryPasses); 
 
    } 
 
    
 
    function clickonbutton(){ 
 
    showresults(TicketHolders, ComplementaryPasses); 
 
    } 
 
    
 
    button.onclick = function() { 
 
    clickonbutton(); 
 
    };
<!-- airbus.html --> 
 
    <html lang="en"> 
 
    <head> 
 
     <meta charset="utf-8"> 
 
     <title>Airbus Seat Calculator</title> 
 
    <style> 
 
    DIV.movable { position:absolute;} 
 
    </style> 
 
    
 
    </head> 
 
     
 
    <body> 
 
    
 
     <h2>Airbus Seat Calculator</h2> 
 
     
 
     <form id="formTest" method="get" action="processData"> 
 
     <table> 
 
     
 
     <tr> 
 
      <td><label for="txtTickets">Ticket Holders<span class="inputs"></span></label></td> 
 
      <td><input type="text" id="txtTickets" name="tickets"></td> 
 
     </tr> 
 
     <tr> 
 
      <td><label for="txtPasses">Complementary Passes<span class="inputs"></span></label></td> 
 
      <td><input type="text" id="txtPasses" name="passes"></td> 
 
     </tr> 
 
     
 
     
 
     <tr> 
 
      <td>&nbsp;</td> 
 
      <td> 
 
       <input type="button" value="Calculate Available Seats" id="btnSubmit"></td> 
 
     </tr> 
 
     </table> 
 
     </form> 
 
    
 
    <div id="results"> \t 
 
    </div> 
 
    <h2>Your Copyright Info Goes Here</h2> 
 
    <script src="airbus.js"> 
 
    
 
    
 
    </script> 
 
    
 
    </body> 
 
    </html>

回答

1

你有:

var TicketHolders = parseInt(document.getElementById("txtTickets").value) || 0; 
var ComplementaryPasses = parseInt(document.getElementById("txtPasses").value) || 0; 

位於腳本的頂部。它只被調用一次,所以它只計算一次(在頁面加載時)。簡單地移動下來到clickonbutton功能,你會點擊按鈕時,你得到的值:

function number_of_available_seats(TicketHolders, ComplementaryPasses) { 
 
     var answer = 555 - (TicketHolders + ComplementaryPasses); 
 
    \t return("The number of available seats is " + answer); 
 
    } 
 
    var button = document.getElementById("btnSubmit"); 
 
    
 
    
 
    
 
    function showresults(TicketHolders, ComplementaryPasses) { 
 
    \t document.getElementById("results").innerHTML = number_of_available_seats(TicketHolders, ComplementaryPasses); 
 
    } 
 
    
 
    function clickonbutton(){ 
 
     var TicketHolders = parseInt(document.getElementById("txtTickets").value) || 0; 
 
    var ComplementaryPasses = parseInt(document.getElementById("txtPasses").value) || 0; 
 
    showresults(TicketHolders, ComplementaryPasses); 
 
    } 
 
    
 
    button.onclick = function() { 
 
    clickonbutton(); 
 
    };
<!-- airbus.html --> 
 
    <html lang="en"> 
 
    <head> 
 
     <meta charset="utf-8"> 
 
     <title>Airbus Seat Calculator</title> 
 
    <style> 
 
    DIV.movable { position:absolute;} 
 
    </style> 
 
    
 
    </head> 
 
     
 
    <body> 
 
    
 
     <h2>Airbus Seat Calculator</h2> 
 
     
 
     <form id="formTest" method="get" action="processData"> 
 
     <table> 
 
     
 
     <tr> 
 
      <td><label for="txtTickets">Ticket Holders<span class="inputs"></span></label></td> 
 
      <td><input type="text" id="txtTickets" name="tickets"></td> 
 
     </tr> 
 
     <tr> 
 
      <td><label for="txtPasses">Complementary Passes<span class="inputs"></span></label></td> 
 
      <td><input type="text" id="txtPasses" name="passes"></td> 
 
     </tr> 
 
     
 
     
 
     <tr> 
 
      <td>&nbsp;</td> 
 
      <td> 
 
       <input type="button" value="Calculate Available Seats" id="btnSubmit"></td> 
 
     </tr> 
 
     </table> 
 
     </form> 
 
    
 
    <div id="results"> \t 
 
    </div> 
 
    <h2>Your Copyright Info Goes Here</h2> 
 
    
 
    </script> 
 
    
 
    </body> 
 
    </html>

相關問題