finnished lightSwitch

GregCart · GregCart · commit 6ac61de8ee97 · 2020-10-08T08:34:11.000-05:00
diff --git a/DriveThruOrder b/DriveThruOrder
diff --git a/DriveThruOrder.html b/DriveThruOrder.html
@@ -0,0 +1,34 @@
+<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");
+
+                for (var i = 0; i < options.length; i++) {
+                    txtArea.value = options[i];
+                }
+
+                optionsBox.appendChild(txtArea);
+            }
+        </script>
+    </head>
+    <body onload="setOptions()">
+        <div id=options>
+
+        </div>
+        <div id=order>
+
+        </div>
+        <div id=receipt>
+
+        </div>
+    </body>
+</html>
diff --git a/LightSwitch.html b/LightSwitch.html
@@ -4,18 +4,24 @@
         <meta charset="UTF-8">
         <title>Light Switch</title>
         <style>
-
+            #bulb {
+                width: 67;
+                height: 103;
+            }
+            .sOn {
+                transform: rotate(180deg);
+            }
         </style>
         <script>
-            const on = "on.jpg", off = "off.jpg";
+            const on = "file:///D:/Programming/Repositories/HTML-JS-Examples/on.jpg", off = "file:///D:/Programming/Repositories/HTML-JS-Examples/off.jpg";
 
             function switchLight() {
-            var img = document.getElementsByTagName("img");
-                if (img[0].src == "off.jpg") {
-                    img[0].src = "on.jpg";
+                var img = document.getElementsByTagName("img");
+                if (img[0].currentSrc == off) {
+                    img[0].src = on;
                     img[1].setAttribute("class", "sOn");
                 } else {
-                    img[0].src = "off.jpg";
+                    img[0].src = off;
                     img[1].setAttribute("class", "sOff");
                 }
             }
@@ -24,7 +30,7 @@
     </head>
     <body>
         <div id="bulb">
-            <img src="off.jpg"/>
+            <img src="D:\Programming\Repositories\HTML-JS-Examples\off.jpg"/>
         </div>
         <div id="switch">
             <img src="switch.png" onclick="switchLight()"/>
