HTML-JS-Examples/DriveThruOrder-Done.html at master · ISU-WebDevClub/HTML-JS-Examples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
    <head>
        <title>Drive Through</title>
        <style>

        </style>
        <script>
            var options = ["Hamburger", "Cheeseburger", "Shake", "Drink", "Fries"];
            var prices = [3.50, 3.75, 2.50, 1.00, 1.50];

            function setOptions() {
                var optionsBox = document.getElementById("options");
                var txtArea = document.createElement("textarea");
                txtArea.setAttribute("readonly", "true");

                for (var i = 0; i < options.length; i++) {
                    if (i == options.length - 1) {
                        var tn = document.createTextNode(options[i]);
                    } else {
                        var tn = document.createTextNode(options[i] + ", ");
                    }
                    txtArea.appendChild(tn);
                }

                optionsBox.appendChild(txtArea);
            }
        </script>
    </head>
    <body onload="setOptions()">
        <div id=options>

        </div>
        <div id=order>

        </div>
        <div id=receipt>

        </div>
    </body>
</html>