CODEWITHSUNDEEP
javascript
Kyle Joeckel
Kyle Joeckel

Reputation: 469

storing user input as var

So this is a timer that computes orders per hour. when i hard code the orders everything works the way i want it. but i can't seem to figure how to get user input to set the amount of orders. this is what I've been trying and it is not working. any ideas??

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

Upvotes: 1

Views: 61

Answers (1)

Nemus
Nemus

Reputation: 3995

This is how you get user input from text field with orderAmount id:

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

Upvotes: 1

Related Questions