From 01369bcf90ff114de46619f9a8bba60ddb7341a2 Mon Sep 17 00:00:00 2001
From: Florian Schmid <melonencool@gmail.com>
Date: Thu, 13 Apr 2023 18:31:47 +0200
Subject: [PATCH] fix color

---
 gst.html |  6 +++---
 gst.js   | 13 ++++---------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/gst.html b/gst.html
index 8350f28..17cf04c 100644
--- a/gst.html
+++ b/gst.html
@@ -52,11 +52,11 @@
             <div class="col-6 offset-3 border text-center p-2" id="mainCol">
                 <span class="h2" id="cpuName"></span>
                 <br>
-                <button class="btn btn-lg bg-info m-1 mt-2" id="btnDesktop" onclick="btnClick(0)">Desktop</button>
+                <button class="btn btn-lg m-1 mt-2" id="btnDesktop" style="background-color: #3CC3FA;" onclick="btnClick(0)">Desktop</button>
                 <br>
-                <button class="btn btn-lg bg-info m-1" id="btnLaptop" onclick="btnClick(1)">Laptop</button>
+                <button class="btn btn-lg m-1" id="btnLaptop" style="background-color: #3CC3FA;" onclick="btnClick(1)">Laptop</button>
                 <br>
-                <button class="btn btn-lg bg-info m-1" id="btnMobile" onclick="btnClick(2)">Mobile/Embedded</button>
+                <button class="btn btn-lg m-1" id="btnMobile" style="background-color: #3CC3FA;" onclick="btnClick(2)">Mobile/Embedded</button>
                 <br>
             </div>
         </div>
diff --git a/gst.js b/gst.js
index ba87634..d596f7d 100644
--- a/gst.js
+++ b/gst.js
@@ -42,17 +42,14 @@ export async function btnClick(typ) {
     // 0 -> Desktop
     // 1 -> Laptop
     // 2 -> Mobile/Embedded
-    // remove bootstrap class
+
+    console.log("Button clicked: typ: " + typ + "cpu type: " + currentCpu.type);
 
     let btnDesktop =  document.getElementById("btnDesktop");
     let btnLaptop =  document.getElementById("btnLaptop");
     let btnMobile =  document.getElementById("btnMobile");
 
-    let btns = [btnDesktop, btnLaptop, btnLaptop];
-
-    btns.forEach( (el) => {
-        el.className = el.className.replace("bg-info", "");
-    })
+    let btns = [btnDesktop, btnLaptop, btnMobile];
 
     switch (typ) {
         case 0:
@@ -65,7 +62,6 @@ export async function btnClick(typ) {
             btnMobile.style.backgroundColor = "#FF4444";
             break;
     }
-    // make correct button green and wrong button red!!!! bg-success | bg-danger
 
     switch (currentCpu.type) {
         case "Desktop":
@@ -82,8 +78,7 @@ export async function btnClick(typ) {
     await delay(2000);
 
     btns.forEach( (el) => {
-        el.className = el.className + " bg-info";
-        el.style.backgroundColor = "";
+        el.style.backgroundColor = "#3CC3FA";
     })
 
     nextRound();