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.html16
-rw-r--r--rannak/mangud/perenaine/ristsona/script.js274
-rw-r--r--rannak/mangud/perenaine/ristsona/style.css7
3 files changed, 287 insertions, 10 deletions
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{
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-23 07:01:05 +0000