2016-07-19 16 views
1

Dies ist also ein Timer, der Aufträge pro Stunde berechnet. Wenn ich die Befehle fest programmiere, funktioniert alles so, wie ich es möchte. aber ich kann mir nicht vorstellen, wie man Benutzereingaben erhält, um die Anzahl der Bestellungen festzulegen. Das ist es was ich versucht habe und es funktioniert nicht. irgendwelche Ideen??Speichern von Benutzereingaben als var

<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

'hier ist der Code, den ich so far' haben - alles bei allen Arbeiten in diesem Code tut? –

+0

Sie haben uns gesagt, was Ihr Code tun soll, aber hier gibt es keine Problemaussage oder Frage. Könnte eine gute Zeit sein, um zu überprüfen [fragen] – charlietfl

+0

Versuchen Sie es mit dem '.value' eines Objekts. Zum Beispiel: Wenn Sie HTML-Optionen verwenden: 'var orders = document.getElementById (id) .value'. Vielleicht möchten Sie einen einfachen Eintrag, so würde ich verwenden: 'var Auftrag = + Eingabeaufforderung (" Set Order "," ");' Das Plus vor der Eingabeaufforderung versichert, dass wenn Sie möchten, dass jemand eine Nummer eingeben, dann wird der Code sehe es als eine Zahl und nicht als String oder Text. – Brendan

Antwort

1

Dies ist, wie Sie Benutzereingabe von Textfeld mit Auftrag ID erhalten:

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

Ahah danke euch Jungs Rock! –

Verwandte Themen