From 52b100ad168c10ea44b1df7b89b71ae177ae835a Mon Sep 17 00:00:00 2001
From: Rasmus Luha <rasmus.luha@gmail.com>
Date: Thu, 22 Sep 2022 15:10:43 +0300
Subject: perenaine memory final

---
 rannak/mangud/perenaine/ristsona/index.html |  16 +-
 rannak/mangud/perenaine/ristsona/script.js  | 274 +++++++++++++++++++++++++++-
 rannak/mangud/perenaine/ristsona/style.css  |   7 +-
 3 files changed, 287 insertions(+), 10 deletions(-)

(limited to 'rannak/mangud/perenaine/ristsona')

diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html
index 9089c33..a1f2c7e 100644
--- a/rannak/mangud/perenaine/ristsona/index.html
+++ b/rannak/mangud/perenaine/ristsona/index.html
@@ -14,7 +14,11 @@
 
     <div class="container text-white text-center">
 	  <h1>Ristsõna</h1>
-	  <p>Lahenda ristsõna, vastuseks tuleb retsept?</p>
+
+	  <p>Lahenda ristsõna, mille lahenduse
+        retsepti koostiosad on vastused
+        küsimustele (vist eks?)
+      </p>
 
 	  <div class="text-center">
 
@@ -23,12 +27,20 @@
 		</div>
 
         <div class="text-center inputBox">
+
 	      <label for="quantity">Nr:</label>
-          <input type="number" id="number" name="number" placeholder="1" min="1" max="12">
+          <input type="number" id="inputNr" name="number" min="1" max="12">
 
           <input type="text" placeholder="Vastus " id="inputId">
           <button type="button" onclick="getInputValue();">Proovi</button>
+
+          <div class="messageBox">
+            siia tuleb info
+          </div>
+
         </div>
+
+
 	  </div>
     </div>
 
diff --git a/rannak/mangud/perenaine/ristsona/script.js b/rannak/mangud/perenaine/ristsona/script.js
index 01f4ad5..e09f847 100644
--- a/rannak/mangud/perenaine/ristsona/script.js
+++ b/rannak/mangud/perenaine/ristsona/script.js
@@ -1,12 +1,274 @@
-console.log("Brrrr");;
+//TODO delete arr not good and also undefined passing into õigeVastus ja valeVastus funks
 let counter = 0;
+let õiged = new Array();
+
+
+function message(msg, color){
+    messageBox = document.querySelector(".messageBox");
+    messageBox.innerHTML = msg;
+    messageBox.style.color = color;
+}
+
+
+function õigeVastus(vastus, nr){
+    message("Õige!", "green");
+    console.log(nr);
+
+    let tähed = document.querySelectorAll("."+vastus);
+    for (let i = 0; i < tähed.length; i++) {
+        if (i == 0)
+            tähed[i].childNodes[1].style.display = "inline";
+        else
+            tähed[i].childNodes[0].style.display = "inline";
+    }
+
+    if (!õiged.includes(nr)) {
+        õiged.push(nr);
+        counter++;
+    }
+    console.log(counter);
+    console.log(õiged);
+    if (counter >= 12)
+        moveOnEnable();
+}
+
+
+function valeVastus(vastus, nr){
+    message("Vale pakumine, proovi uuesti", "red");
+
+    if (õiged.includes(nr)) {
+        delete õiged[õiged.indexOf(nr)];
+        counter--;
+        console.log(counter)
+    }
+
+}
+
+function kontrolliVastus(nr, vastus){
+    nr += ''; // dont know, andis errorit
+    console.log(nr);
+
+    switch (nr) {
+    case "1": 
+        if (vastus == "kurk") õigeVastus(vastus, nr);
+        else{
+            let tähed = document.querySelectorAll(".kurk");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+        }
+        break;
+
+        
+    case "2": 
+        if (vastus == "majonees") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".majonees");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+
+    case "3": 
+        if (vastus == "porgand") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".porgand");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+        
+    case "4": 
+        if (vastus == "vorst") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".vorst");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+
+    case "5": 
+        if (vastus == "õun") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".õun");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+
+    case "6": 
+        if (vastus == "sool") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".sool");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+
+    case "7": 
+        if (vastus == "pipar") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".pipar");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+
+    case "8": 
+        if (vastus == "hernes") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".hernes");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+
+
+    case "9": 
+        if (vastus == "muna") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".muna");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+        
+    case "10": 
+        if (vastus == "sibul") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".sibul");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+        
+    case "11": 
+        if (vastus == "hapukoor") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".hapukoor");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+
+    case "12": 
+        if (vastus == "kartul") õigeVastus(vastus);
+        else {
+            let tähed = document.querySelectorAll(".kartul");
+            for (let i = 0; i < tähed.length; i++) {
+                if (i == 0)
+                    tähed[i].childNodes[1].style.display = "none";
+                else
+                    tähed[i].childNodes[0].style.display = "none";
+            }
+
+            valeVastus(vastus, nr);   
+            
+        }
+        break;
+
+
+    default: message("Proovi uuesti", "red");
+    }
+    
+}
+
+
+
+
+
 
 function getInputValue() {
-       // Selecting the input element and get its value 
-       let inputVal = document.getElementById("inputId").value;
-       // Displaying the value
-       alert(inputVal);
-     }
+    // Selecting the input element and get its value 
+    let inputVal = document.getElementById("inputId").value;
+    let inputNr = document.getElementById("inputNr").value;
+
+    console.log(inputVal);
+    console.log(inputNr);
+    
+    if (inputNr == "" || inputVal == ""){
+        message("Palun täida mõlemad väljad", "red");
+    }
+    else{
+        kontrolliVastus(inputNr, inputVal.toLowerCase());
+    }
+}
+
 
 
 // Button func
diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css
index dab40f7..0bbded1 100644
--- a/rannak/mangud/perenaine/ristsona/style.css
+++ b/rannak/mangud/perenaine/ristsona/style.css
@@ -11,10 +11,14 @@ body{
     margin-top: 10px !important;
 }
 
-#number {
+#inputNr {
   width: 3em !important;
 }
 
+.messageBox{
+    color: #212121;
+}
+
 
 /* Kusimusi */
 
@@ -23,7 +27,6 @@ body{
 }
 
 
-
 /* Main styles*/
 
 .main{
-- 
cgit v1.2.3