Ristsõna done ja global button Fix

15 files changed, 196 insertions, 170 deletions

diff --git a/rannak/algus/kaart/css/kaart.css b/rannak/algus/kaart/css/kaart.css
index e395b95..60bb1f9 100644
--- a/rannak/algus/kaart/css/kaart.css
+++ b/rannak/algus/kaart/css/kaart.css
@@ -9,4 +9,23 @@ svg path:hover {
     transition: 0.6s !important;
     cursor: pointer !important;
     
-}
\ No newline at end of file
+}
+
+.moveOn{
+    display: inline-block;
+    border: none;
+    padding: 6px 12px;
+    margin-botton: 0;
+    font-size: 1rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 4px;
+    background-color: #4BB543;
+    color: white;
+}
+
+button:disabled{
+    opacity: 0.5;
+}
+
diff --git a/rannak/algus/kaart/index.html b/rannak/algus/kaart/index.html
index 880ab8a..9160fd4 100644
--- a/rannak/algus/kaart/index.html
+++ b/rannak/algus/kaart/index.html
@@ -21,7 +21,7 @@
             </div>
 
             <div class="col-4">
-		      <a href="../utlused" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a>
+              <button class="moveOn" disabled>Liigu Edasi</button>
             </div>
         </div>
     </div>
diff --git a/rannak/algus/kaart/js/kaart.js b/rannak/algus/kaart/js/kaart.js
index 5d1a1a3..5224d79 100644
--- a/rannak/algus/kaart/js/kaart.js
+++ b/rannak/algus/kaart/js/kaart.js
@@ -24,10 +24,7 @@ for (let i = 0; i < riigid.length; i++){
 }
 
 function moveOnEnable(){
-	const button = document.querySelector(".btn");
-	button.classList.remove('disabled');
-	button.setAttribute('aria-disabled', false);
-	console.log("done");
-
-	counter = 0;
+    const btn = document.querySelector(".moveOn");
+    btn.disabled = false;
+    btn.onclick = () => location.href = "../utlused";
 }
diff --git a/rannak/algus/utlused/css/utlused.css b/rannak/algus/utlused/css/utlused.css
index 4f63f54..e7c5277 100644
--- a/rannak/algus/utlused/css/utlused.css
+++ b/rannak/algus/utlused/css/utlused.css
@@ -14,6 +14,24 @@ body {
   touch-action: none;
 }
 
+.moveOn{
+    display: inline-block;
+    border: none;
+    padding: 6px 12px;
+    margin-botton: 0;
+    font-size: 1rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 4px;
+    background-color: #4BB543;
+    color: white;
+}
+
+button:disabled{
+    opacity: 0.5;
+}
+
 /* later added stuff here */ 
 
 .wrapper {
diff --git a/rannak/algus/utlused/index.html b/rannak/algus/utlused/index.html
index dbde986..f3e80f9 100644
--- a/rannak/algus/utlused/index.html
+++ b/rannak/algus/utlused/index.html
@@ -45,7 +45,7 @@
 
 	  <div class="row">
 		<div>
-		  <a href="../../rolliValik" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a>
+              <button class="moveOn" disabled>Liigu Edasi</button>
 		</div>
       </div> <!-- Row End -->
 
diff --git a/rannak/algus/utlused/js/main.js b/rannak/algus/utlused/js/main.js
index a67b6bd..4262d41 100644
--- a/rannak/algus/utlused/js/main.js
+++ b/rannak/algus/utlused/js/main.js
@@ -76,10 +76,9 @@ if (`${isMobile() ? 'mobile' : 'not mobile'}` == 'not mobile') {
 	    counter++;
 		console.log("counter:", counter)
 	    if (counter == 6){
-			const button = document.querySelector(".btn");
-			button.classList.remove('disabled');
-			button.setAttribute('aria-disabled', false);
-			console.log("done");
+            const btn = document.querySelector(".moveOn");
+            btn.disabled = false;
+            btn.onclick = () => location.href = "../../rolliValik";
 	    }
 	} // If isCorrectMatchingEnd
   }  // Drop Func End
@@ -179,9 +178,9 @@ else{
 				counter++;
 				console.log("counter:", counter)
 				if (counter == 6){
-					const button = document.querySelector(".btn");
-				    button.parentElement.classList.remove('btn');
-					button.setAttribute('aria-disabled', false);
+                    const btn = document.querySelector(".moveOn");
+                    btn.disabled = false;
+                    btn.onclick = () => location.href = "../../rolliValik";
 				}
 				
 			}
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/index.html b/rannak/mangud/kaitseliitlane/kuulsused/index.html
index f692fd2..944a4c5 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/index.html
+++ b/rannak/mangud/kaitseliitlane/kuulsused/index.html
@@ -17,7 +17,7 @@
 
 		<div class="row">
 	  	  <div>
-	  		<a href="../rolliValik/index.html" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a>
+            <button class="moveOn" disabled>Liigu Edasi</button>
 	  	  </div>
 		</div>
 
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/script.js b/rannak/mangud/kaitseliitlane/kuulsused/script.js
index c2ef0d7..13b9d1d 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/script.js
+++ b/rannak/mangud/kaitseliitlane/kuulsused/script.js
@@ -64,8 +64,8 @@ function checkIfAllGood(){
 	}  // For loop end
 
 	if (rightDone.length == 8) {
-		const button = document.querySelector(".btn");
-		button.classList.remove('disabled');
-		button.setAttribute('aria-disabled', false);
+        const btn = document.querySelector(".moveOn");
+        btn.disabled = false;
+        btn.onclick = () => location.href = "";
 	}
 }
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/styles.css b/rannak/mangud/kaitseliitlane/kuulsused/styles.css
index f22b919..e66a641 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/styles.css
+++ b/rannak/mangud/kaitseliitlane/kuulsused/styles.css
@@ -2,6 +2,25 @@
 	box-sizing: border-box !important;
 }
 
+.moveOn{
+    display: inline-block;
+    border: none;
+    padding: 6px 12px;
+    margin-botton: 0;
+    font-size: 1rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 4px;
+    background-color: #4BB543;
+    color: white;
+}
+
+button:disabled{
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
 .lists{
     overflow: scroll !important;
 }
@@ -18,6 +37,7 @@ img {
 	margin: 0.3rem 0;
 	height: 2.5rem;
 	border-radius: 8px !important;
+    cursor: pointer;
 }
 
 .lists .list {
diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html
index 6c470c3..ae402ef 100644
--- a/rannak/mangud/perenaine/memori/index.html
+++ b/rannak/mangud/perenaine/memori/index.html
@@ -153,7 +153,7 @@
 
   <div class="right row align-items-center text-center">
       <div class="col">
-          <a href="" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a>
+          <button class="moveOn" disabled>Liigu Edasi</button>
       </div>
   </div>
 
diff --git a/rannak/mangud/perenaine/memori/script.js b/rannak/mangud/perenaine/memori/script.js
index bcdba13..1e9215b 100644
--- a/rannak/mangud/perenaine/memori/script.js
+++ b/rannak/mangud/perenaine/memori/script.js
@@ -68,10 +68,7 @@ cards.forEach(card => card.addEventListener('click', flipCard));
 // Button func
 
 function moveOnEnable(){
-	const button = document.querySelector(".btn");
-	button.classList.remove('disabled');
-	button.setAttribute('aria-disabled', false);
-	console.log("done");
-
-	counter = 0;
+    const btn = document.querySelector(".moveOn");
+    btn.disabled = false;
+    btn.onclick = () => location.href = "";
 }
diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css
index 99f803b..56769a4 100644
--- a/rannak/mangud/perenaine/memori/style.css
+++ b/rannak/mangud/perenaine/memori/style.css
@@ -10,6 +10,25 @@ body {
   background: #eeee90 !important;
 }
 
+.moveOn{
+    display: inline-block;
+    border: none;
+    padding: 6px 12px;
+    margin-botton: 0;
+    font-size: 1rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 4px;
+    background-color: #4BB543;
+    color: white;
+}
+
+button:disabled{
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
 .memory-game {
   width: 640px;
   height: 640px;
diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html
index a1f2c7e..4d64023 100644
--- a/rannak/mangud/perenaine/ristsona/index.html
+++ b/rannak/mangud/perenaine/ristsona/index.html
@@ -23,7 +23,7 @@
 	  <div class="text-center">
 
 		<div class="col">
-          <a href="" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a>
+          <button class="moveOn" disabled>Liigu Edasi</button>
 		</div>
 
         <div class="text-center inputBox">
@@ -32,10 +32,10 @@
           <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>
+          <button type="button" class="subBtn subDisabled" onclick="getInputValue();">Proovi</button>
 
           <div class="messageBox">
-            siia tuleb info
+            siia tekib info
           </div>
 
         </div>
diff --git a/rannak/mangud/perenaine/ristsona/script.js b/rannak/mangud/perenaine/ristsona/script.js
index e09f847..121bfab 100644
--- a/rannak/mangud/perenaine/ristsona/script.js
+++ b/rannak/mangud/perenaine/ristsona/script.js
@@ -10,7 +10,7 @@ function message(msg, color){
 }
 
 
-function õigeVastus(vastus, nr){
+function õigeVastus(nr, vastus){
     message("Õige!", "green");
     console.log(nr);
 
@@ -33,9 +33,16 @@ function õigeVastus(vastus, nr){
 }
 
 
-function valeVastus(vastus, nr){
+function valeVastus(tähed, nr, vastus){
     message("Vale pakumine, proovi uuesti", "red");
 
+    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";
+    }
+
     if (õiged.includes(nr)) {
         delete õiged[õiged.indexOf(nr)];
         counter--;
@@ -50,195 +57,105 @@ function kontrolliVastus(nr, vastus){
 
     switch (nr) {
     case "1": 
-        if (vastus == "kurk") õigeVastus(vastus, nr);
+        if (vastus == "kurk") õigeVastus(nr, vastus);
         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);   
+            valeVastus(tähed, vastus, nr);   
         }
         break;
-
         
+
     case "2": 
-        if (vastus == "majonees") õigeVastus(vastus);
-        else {
+        if (vastus == "majonees") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
 
+
     case "3": 
-        if (vastus == "porgand") õigeVastus(vastus);
-        else {
+        if (vastus == "porgand") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
         
+        
     case "4": 
-        if (vastus == "vorst") õigeVastus(vastus);
-        else {
+        if (vastus == "vorst") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
 
+
     case "5": 
-        if (vastus == "õun") õigeVastus(vastus);
-        else {
+        if (vastus == "õun") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
 
+
     case "6": 
-        if (vastus == "sool") õigeVastus(vastus);
-        else {
+        if (vastus == "sool") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
 
+
     case "7": 
-        if (vastus == "pipar") õigeVastus(vastus);
-        else {
+        if (vastus == "pipar") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
 
     case "8": 
-        if (vastus == "hernes") õigeVastus(vastus);
-        else {
+        if (vastus == "hernes") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
 
 
     case "9": 
-        if (vastus == "muna") õigeVastus(vastus);
-        else {
+        if (vastus == "muna") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
         
     case "10": 
-        if (vastus == "sibul") õigeVastus(vastus);
-        else {
+        if (vastus == "sibul") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
         
     case "11": 
-        if (vastus == "hapukoor") õigeVastus(vastus);
-        else {
+        if (vastus == "hapukoor") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
 
     case "12": 
-        if (vastus == "kartul") õigeVastus(vastus);
-        else {
+        if (vastus == "kartul") õigeVastus(nr, 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);   
-            
+            valeVastus(tähed, vastus, nr);   
         }
         break;
 
@@ -258,9 +175,6 @@ function getInputValue() {
     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");
     }
@@ -274,10 +188,14 @@ function getInputValue() {
 // Button func
 
 function moveOnEnable(){
-	const button = document.querySelector(".btn");
-	button.classList.remove('disabled');
-	button.setAttribute('aria-disabled', false);
-	console.log("done");
+    const btn = document.querySelector(".moveOn");
+    btn.disabled = false;
+    btn.onclick = () => location.href = "";
+
+    // submit btn
+	const subButton = document.querySelector(".subBtn");
+	subButton.disabled = true;
 
 	counter = 0;
 }
+
diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css
index 0bbded1..28f1178 100644
--- a/rannak/mangud/perenaine/ristsona/style.css
+++ b/rannak/mangud/perenaine/ristsona/style.css
@@ -5,6 +5,28 @@
 body{
     background-color: #212121 !important;
 }
+
+.moveOn{
+    display: inline-block;
+    border: none;
+    padding: 6px 12px;
+    margin-botton: 0;
+    font-size: 1rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 4px;
+    background-color: #4BB543;
+    color: white;
+}
+
+button:disabled{
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+
+
 /* Input Box styles */
 
 .inputBox{
@@ -19,6 +41,23 @@ body{
     color: #212121;
 }
 
+.subBtn{
+    display: inline-block;
+    border: none;
+    padding: 3px 6px;
+    margin-botton: 0;
+    font-size: .95rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 2px;
+    color: white;
+    background-color: #9D8C7C;
+}
+
+.subDisabled{
+    cursor: not-allowed;
+}
 
 /* Kusimusi */