From 52b100ad168c10ea44b1df7b89b71ae177ae835a Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Thu, 22 Sep 2022 15:10:43 +0300 Subject: perenaine memory final --- rannak/mangud/kaitseliitlane/kuulsused/styles.css | 4 + rannak/mangud/perenaine/memori/img/image.svg | 26 ++ rannak/mangud/perenaine/memori/img/jahu.svg | 108 +++++---- rannak/mangud/perenaine/memori/img/jahu.svg.bak | 85 +++++++ rannak/mangud/perenaine/memori/img/pesu.svg | 35 ++- rannak/mangud/perenaine/memori/img/pesu.svg.bak | 46 ++++ rannak/mangud/perenaine/memori/img/suhkur.svg | 26 +- rannak/mangud/perenaine/memori/img/suhkur.svg.bak | 47 ++++ rannak/mangud/perenaine/memori/img/taga.svg | 67 +----- rannak/mangud/perenaine/memori/index.html | 30 ++- rannak/mangud/perenaine/memori/script.js | 1 + rannak/mangud/perenaine/memori/style.css | 15 +- rannak/mangud/perenaine/ristsona/index.html | 16 +- rannak/mangud/perenaine/ristsona/script.js | 274 +++++++++++++++++++++- rannak/mangud/perenaine/ristsona/style.css | 7 +- 15 files changed, 637 insertions(+), 150 deletions(-) create mode 100644 rannak/mangud/perenaine/memori/img/image.svg create mode 100644 rannak/mangud/perenaine/memori/img/jahu.svg.bak create mode 100644 rannak/mangud/perenaine/memori/img/pesu.svg.bak create mode 100644 rannak/mangud/perenaine/memori/img/suhkur.svg.bak (limited to 'rannak') diff --git a/rannak/mangud/kaitseliitlane/kuulsused/styles.css b/rannak/mangud/kaitseliitlane/kuulsused/styles.css index 0a6d4b3..f22b919 100644 --- a/rannak/mangud/kaitseliitlane/kuulsused/styles.css +++ b/rannak/mangud/kaitseliitlane/kuulsused/styles.css @@ -2,6 +2,10 @@ box-sizing: border-box !important; } +.lists{ + overflow: scroll !important; +} + img { max-width: 15rem !important; height: auto !important; diff --git a/rannak/mangud/perenaine/memori/img/image.svg b/rannak/mangud/perenaine/memori/img/image.svg new file mode 100644 index 0000000..f3b93be --- /dev/null +++ b/rannak/mangud/perenaine/memori/img/image.svg @@ -0,0 +1,26 @@ + + + +Created with Fabric.js 3.6.3 + + + + + + + + + + + + + + + + + + + + Õlu + + \ No newline at end of file diff --git a/rannak/mangud/perenaine/memori/img/jahu.svg b/rannak/mangud/perenaine/memori/img/jahu.svg index 3ac729f..1bb651a 100644 --- a/rannak/mangud/perenaine/memori/img/jahu.svg +++ b/rannak/mangud/perenaine/memori/img/jahu.svg @@ -1,56 +1,64 @@ - - - - - - - - + + + + + + + + + + - - - - - - - - - + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/jahu.svg.bak b/rannak/mangud/perenaine/memori/img/jahu.svg.bak new file mode 100644 index 0000000..3ac729f --- /dev/null +++ b/rannak/mangud/perenaine/memori/img/jahu.svg.bak @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/pesu.svg b/rannak/mangud/perenaine/memori/img/pesu.svg index 6d38faa..2c27fe6 100644 --- a/rannak/mangud/perenaine/memori/img/pesu.svg +++ b/rannak/mangud/perenaine/memori/img/pesu.svg @@ -1,16 +1,35 @@ + viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> + + - + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/pesu.svg.bak b/rannak/mangud/perenaine/memori/img/pesu.svg.bak new file mode 100644 index 0000000..6d38faa --- /dev/null +++ b/rannak/mangud/perenaine/memori/img/pesu.svg.bak @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/suhkur.svg b/rannak/mangud/perenaine/memori/img/suhkur.svg index a82c743..58d4846 100644 --- a/rannak/mangud/perenaine/memori/img/suhkur.svg +++ b/rannak/mangud/perenaine/memori/img/suhkur.svg @@ -1,19 +1,19 @@ - - - - - + viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> + + + + + diff --git a/rannak/mangud/perenaine/memori/img/suhkur.svg.bak b/rannak/mangud/perenaine/memori/img/suhkur.svg.bak new file mode 100644 index 0000000..a82c743 --- /dev/null +++ b/rannak/mangud/perenaine/memori/img/suhkur.svg.bak @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/taga.svg b/rannak/mangud/perenaine/memori/img/taga.svg index a81a7dc..e7be8cb 100644 --- a/rannak/mangud/perenaine/memori/img/taga.svg +++ b/rannak/mangud/perenaine/memori/img/taga.svg @@ -1,62 +1,5 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + center-text-line + + + \ No newline at end of file diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html index c19c7d5..6c470c3 100644 --- a/rannak/mangud/perenaine/memori/index.html +++ b/rannak/mangud/perenaine/memori/index.html @@ -14,118 +14,138 @@

Memori

-

Mängu läbimiseks leia üles kõik kümme paari

+

Mängu läbimiseks leia üles kõik kümme Talongipaari

-
- Butter +
+ või + Või taga
-
- Butter +
+ või + Või taga
tikud + Tikud taga
Tikud + Tikud taga
Alko + Õlu taga
Alko + Õlu taga
Jahu + Jahu taga
Jahu + Jahu taga
Pasta + Pasta taga
Pasta + Pasta taga
Pesu + Pesu taga
Pesu + Pesu taga
Riis + Riis taga
Riis + Riis taga
Sokid + Sokid taga
sokid + Sokid taga
Sool + Sool taga
Sool + Sool taga
suhkur + Suhkur taga
suhkur + Suhkur taga
diff --git a/rannak/mangud/perenaine/memori/script.js b/rannak/mangud/perenaine/memori/script.js index 1a06fd9..bcdba13 100644 --- a/rannak/mangud/perenaine/memori/script.js +++ b/rannak/mangud/perenaine/memori/script.js @@ -11,6 +11,7 @@ function flipCard() { this.classList.add('flip'); + if (!hasFlippedCard) { hasFlippedCard = true; firstCard = this; diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css index 600f91d..99f803b 100644 --- a/rannak/mangud/perenaine/memori/style.css +++ b/rannak/mangud/perenaine/memori/style.css @@ -7,7 +7,7 @@ body { height: 100vh; display: flex; - background: #284F8F !important; + background: #eeee90 !important; } .memory-game { @@ -46,14 +46,25 @@ body { padding: 20px; position: absolute; border-radius: 5px; - background: #F1F5FF; + background: #bcf5bc; backface-visibility: hidden; } + .front-face { transform: rotateY(180deg); } +.talong-text{ + font-weight: bold; + position: absolute; + top: 85%; + left: 50%; + transform: translate(-50%, -50%) rotateY(180deg); + text-align: center +} + + /* Side stuff */ .left, .right{ 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 @@

Ristsõna

-

Lahenda ristsõna, vastuseks tuleb retsept?

+ +

Lahenda ristsõna, mille lahenduse + retsepti koostiosad on vastused + küsimustele (vist eks?) +

@@ -23,12 +27,20 @@
+ - + + +
+ siia tuleb info +
+
+ +
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