將用戶輸入存儲爲變量

所以這是一個每小時計算訂單的計時器。當我硬編碼訂單時，一切都按我想要的方式工作。但我似乎無法確定如何獲得用戶輸入來設置訂單數量。這是我一直在嘗試，它不工作。有任何想法嗎？？將用戶輸入存儲爲變量

<html> 
<body> 

    <p><strong>Time Elapsed:</strong><span id="time-elapsed"</span></p> 

    <button onclick="openFunc()">Start Time</button> 

    <button onclick="myStopFunction()">Stop time</button><br><br> 

    <input type="text" id="orderAmount"><br>Enter Number of Orders</input><br><br> 

    <button onclick="calculate(timeElapsed, orders)">Calculate...</button> 


    <script> 
     var timeElapsed = 0; 
     var myVar = ''; 
     var average = 0; 
     var orders = document.getElementById("orderAmount").innerHTML += orders; 


     function openFunc(){ 
      start(); 

     } 

     function calculate(time, _orders) { 
      var avg = _orders/(time/_orders); 
      if (avg<1){ 
       avg = 1; 
      } 
      document.write(avg + " Bags per Hour"); 
     } 

     function start() { 
      if (myVar != "") { 
       console.log('timer is running'); 
       return; 
      } 
      clearInterval(myVar); 
      myVar = setInterval(function(){ 
        myTimer() 
      }, 1000); 
     } 


      function myTimer() { 
       timeElapsed += 1; 
       document.getElementById("time-elapsed").innerHTML = formatTime(timeElapsed); 
     } 

      function formatTime(time) { 
      var hours = formatNumber(Math.floor(time/3600)) 
      var minutes = formatNumber(Math.floor(time/60));  
      var seconds = formatNumber(time%60);  

      //console.log('minutes: ', minutes); 
      //console.log('seconds: ', seconds); 
      return hours + ":" + minutes + ":" + seconds 
     } 

      function formatNumber(number) { 
      if (number < 10) { 
       return 0 + '' + number 
      } 
      return number 
     } 

      function myStopFunction() { 
       clearInterval(myVar); 
       myVar = ""; 
     } 
     </script> 
    </body> 
</html>

來源

2016-07-19 Kyle Mathew Joeckel

'這裏是我有這麼far'代碼 - 做任何事情在代碼工作的？ –

你告訴我們你的代碼應該做些什麼，但這裏沒有問題的陳述或問題。可能是審查的好時機[問] – charlietfl

嘗試使用對象的'.value'。例如：如果您使用HTML選項：'var orders = document.getElementById（id）.value'。也許你想要一個簡單的入口，所以我會使用：'var order = + prompt（「set Order amount」，「」）;'提示前面的加號確保如果你想讓某人輸入一個數字，那麼代碼將會將它看作一個數字而不是字符串或文本。 – Brendan

這是你如何從文本字段獲取用戶輸入與orderAmount ID：

var orders = document.getElementById("orderAmount").value;

來源

2016-07-20 06:44:25 Nemus

啊哈謝謝你們搖滾！ –

將用戶輸入存儲爲變量

回答

相關問題