summaryrefslogtreecommitdiff
path: root/rannak
diff options
context:
space:
mode:
Diffstat (limited to 'rannak')
-rw-r--r--rannak/algus/kaart/css/kaart.css21
-rw-r--r--rannak/algus/kaart/index.html2
-rw-r--r--rannak/algus/kaart/js/kaart.js9
-rw-r--r--rannak/algus/utlused/css/utlused.css18
-rw-r--r--rannak/algus/utlused/index.html2
-rw-r--r--rannak/algus/utlused/js/main.js13
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/index.html2
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/script.js6
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/styles.css20
-rw-r--r--rannak/mangud/perenaine/memori/index.html2
-rw-r--r--rannak/mangud/perenaine/memori/script.js9
-rw-r--r--rannak/mangud/perenaine/memori/style.css19
-rw-r--r--rannak/mangud/perenaine/ristsona/index.html6
-rw-r--r--rannak/mangud/perenaine/ristsona/script.js198
-rw-r--r--rannak/mangud/perenaine/ristsona/style.css39
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 */
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-23 03:16:22 +0000