diff options
Diffstat (limited to 'rannak/mangud/partorg/sonaragastik')
-rw-r--r-- | rannak/mangud/partorg/sonaragastik/index.html | 3 | ||||
-rw-r--r-- | rannak/mangud/partorg/sonaragastik/script.js | 11 | ||||
-rw-r--r-- | rannak/mangud/partorg/sonaragastik/style.css | 5 |
3 files changed, 14 insertions, 5 deletions
diff --git a/rannak/mangud/partorg/sonaragastik/index.html b/rannak/mangud/partorg/sonaragastik/index.html index f955058..039f79b 100644 --- a/rannak/mangud/partorg/sonaragastik/index.html +++ b/rannak/mangud/partorg/sonaragastik/index.html @@ -16,7 +16,8 @@ <h1>Sõnarägastik</h1> <p>Lahenda sõnarägastik, leia üles kõik 10 sõna <br/> - Peale iga sõna leidmist vajuta <strong>"proovi"</strong>. + Peale iga sõna leidmist vajuta <strong>"proovi"</strong> + , et see nimekirjas lahendatuna ära märkida. </p> diff --git a/rannak/mangud/partorg/sonaragastik/script.js b/rannak/mangud/partorg/sonaragastik/script.js index 2e6ffb4..e137e37 100644 --- a/rannak/mangud/partorg/sonaragastik/script.js +++ b/rannak/mangud/partorg/sonaragastik/script.js @@ -4,6 +4,11 @@ document.addEventListener('DOMContentLoaded', () => { }); +// Vars +curZindex = 1; + + + function randomLetters(){ for (let node of document.querySelectorAll("td")) { if (node.textContent != "") continue; @@ -84,10 +89,12 @@ function proovi(){ //console.log("hetkeKlass: ",hetkeKlass); for (let el of dones){ - if (horisontaalis.includes(hetkeKlass)) + if (horisontaalis.includes(hetkeKlass)){ el.classList.add("doneH"); - else + } + else{ el.classList.add("doneV"); + } } //console.log(document.querySelector(".V"+hetkeKlass).classList); diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css index 4b003d9..7b896aa 100644 --- a/rannak/mangud/partorg/sonaragastik/style.css +++ b/rannak/mangud/partorg/sonaragastik/style.css @@ -96,11 +96,12 @@ button:disabled{ /* Adding classes */ .selected { - background-color: #ECAC76; + background-color: #ECAC76 !important; } .doneV{ - background-color: #284F8F; + /*background-color: #284F8F;*/ + background-color: #C5E17A; } .doneH{ |