2016-07-19 8 views
1

これは1時間当たりの注文を計算するタイマーです。私がハードコードを注文すると、すべてが私がそれを望むように動作します。しかし、私はどのように注文の量を設定するユーザーの入力を取得する方法を把握することはできません。これは私が試してきたことであり、うまくいかない。何か案は??ユーザー入力を変数として格納

<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> 
+0

'ここに私はそうfar'持っているコードである - そのコード内のすべての仕事で何をしますか? –

+0

あなたのコードは何をすべきかを教えてくれましたが、ここでは何の問題もありません。 [ask] – charlietfl

+0

オブジェクトの '.value'を試してみてください。例:HTMLオプションを使用している場合: 'var orders = document.getElementById(id).value'。 'var order = + prompt(" set Order amount "、" ");'プロンプトの前にあるプラス記号は、誰かが数字を入力してコードにそれを文字列やテキストではなく数字として見てください。 – Brendan

答えて

1

これはorderAmount IDでテキストフィールドからのユーザー入力を取得する方法である:

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

ああ、皆さん、ロックに感謝します! –

関連する問題