Finished Chapter 11 exercise 2

Author: Drummingcoder

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5502
+    "liveServer.settings.port": 5503
 }

ch11exercise2.html

@@ -57,7 +57,7 @@ <h3>GPU standard</h3>
       </select>
 
       <h3>Extras</h3>
-      <input type="checkbox" name="DVD-Rom" value="DVD-Rom" id="DVD" />
+      <input type="checkbox" name="dvdrom" value="DVD-Rom" id="DVD" />
       <label for="DVD">DVD-Rom</label>
       <input type="checkbox" name="SoundCard" value="SoundCard" id="Sound" />
       <label for="Sound">Sound Card</label>
@@ -71,22 +71,119 @@ <h3>Total: $<span id="total">0.00</span></h3>
     //exercise 2
     var myform = document.form1;
     var speedprice = 300, memoryprice = 0, ssdprice = 0, hddprice = 0, gpuprice = 0, extraprice = 0, totalprice = 0;
-    var cpumultiplier, gpumultiplier;
+    var cpumultiplier = 1, gpumultiplier = 1;
 
     myform.speedresult.value = 3.5;
+    
+    function changeCPU(e) {
+      var selectedindex;
+      var radios = myform.CPUtype;
+      for (var index = 0; index < radios.length; index++) {
+        if (radios[index] == e.target) {
+          selectedindex = index;
+        }
+      }
+
+      if (selectedindex == 0) {
+        cpumultiplier = 1.2;
+      } else {
+        cpumultiplier = 1.4;
+      }
+      addup();
+    }
+
     function newValue() {
       var speedValue = myform.CPUspeed.value;
 
       myform.speedresult.value = speedValue;
       var newspeedValue = (speedValue - 2.9) * 5;
       speedprice = 100 * newspeedValue;
+      speedprice = Math.round(speedprice);
+      addup();
+    }
+
+    function changeRAM() {
+      var selectedOption = myform.ram.options[myform.ram.selectedIndex];
+      var multiplier = selectedOption.value / 2.0;
+      memoryprice = 10 * multiplier;
+      addup();
+    }
+
+    function changeSSD() {
+      var selectedOption = myform.ssd.options[myform.ssd.selectedIndex];
+      var multiplier = selectedOption.value / 128.0;
+      ssdprice = 100 * multiplier;
+      addup();
+    }
+
+    function changeHDD() {
+      var selectedOption = myform.hdd.options[myform.hdd.selectedIndex];
+      var multiplier = selectedOption.value / 512.0;
+      hddprice = 50 * multiplier;
+      addup();
+    }
+
+    function changeGPU() {
+      var selectedOption = myform.GPUtype.options[myform.GPUtype.selectedIndex];
+      if (selectedOption.value == "NVIDIA") {
+        gpumultiplier = 1.5;
+      } else {
+        gpumultiplier = 1.2;
+      }
+      addup();
+    }
+
+    function changeTier() {
+      var selectedOption = myform.GPUstandard.options[myform.GPUstandard.selectedIndex];
+      var tier = selectedOption.value;
+      gpuprice = 150 * tier;
+      addup();
+    }
+    
+    function changedvd() {
+      if (!myform.dvdrom.checked) {
+        extraprice = extraprice - 60;
+      } else {
+        extraprice += 60;
+      }
+      addup();
+    }
+
+    function changeSound() {
+      if (!myform.SoundCard.checked) {
+        extraprice = extraprice - 50;
+      } else {
+        extraprice += 50;
+      }
+      addup();
+    }
+
+    function changeNetwork() {
+      if (!myform.Network.checked) {
+        extraprice = extraprice - 100;
+      } else {
+        extraprice += 100;
+      }
       addup();
     }
 
     function addup() {
-      totalprice = speedprice + memoryprice + ssdprice + hddprice + gpuprice + extraprice;
+      totalprice = (speedprice * cpumultiplier) + memoryprice + ssdprice + hddprice + (gpuprice * gpumultiplier) + extraprice;
+      document.getElementById("total").innerHTML = totalprice;
+    }
+
+    myform.CPUspeed.addEventListener("change", newValue);
+    for (var index = 0; index < myform.CPUtype.length; index++) {
+      myform.CPUtype[index].addEventListener("click", changeCPU);
     }
-    myform.addEventListener("change", newValue);
+    myform.ram.addEventListener("change", changeRAM);
+    myform.ssd.addEventListener("change", changeSSD);
+    myform.hdd.addEventListener("change", changeHDD);
+    myform.GPUtype.addEventListener("change", changeGPU);
+    myform.GPUstandard.addEventListener("change", changeTier);
+    myform.dvdrom.addEventListener("click", changedvd);
+    myform.SoundCard.addEventListener("click", changeSound);
+    myform.Network.addEventListener("click", changeNetwork);
   </script>
   </body>
 </html>