summaryrefslogtreecommitdiff
path: root/rannak/mangud/perenaine/ristsona
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/mangud/perenaine/ristsona')
-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
3 files changed, 100 insertions, 143 deletions
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 06:56:19 +0000