diff options
Diffstat (limited to 'rannak/mangud/perenaine/kuulamine')
-rw-r--r-- | rannak/mangud/perenaine/kuulamine/index.html | 17 | ||||
-rw-r--r-- | rannak/mangud/perenaine/kuulamine/pildid/avatar.png | bin | 13560147 -> 641017 bytes | |||
-rw-r--r-- | rannak/mangud/perenaine/kuulamine/script.js | 33 | ||||
-rw-r--r-- | rannak/mangud/perenaine/kuulamine/style.css | 5 |
4 files changed, 31 insertions, 24 deletions
diff --git a/rannak/mangud/perenaine/kuulamine/index.html b/rannak/mangud/perenaine/kuulamine/index.html index 8b2cd6f..21a3a6e 100644 --- a/rannak/mangud/perenaine/kuulamine/index.html +++ b/rannak/mangud/perenaine/kuulamine/index.html @@ -2,11 +2,10 @@ <html lang="en"> <head> <meta charset="UTF-8"> - <title>Kuulamine</title> + <!-- Bootstrap - CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> - <link rel="stylesheet" href="style.css"> </head> @@ -165,7 +164,7 @@ <div class="tableWrapper"> <h3 class="minuPlaan">MINU SUKKPÜKSTE HANKIMISE PLAAN:</h3> - <p>NB: Sisesta vastused nimetavas käänetes. Kui veerg on korrektne, muutub see roheliseks.</p> + <p>NB: Sisesta vastused nimetavas käänetes.</p> <table class="table table-dark table-striped"> @@ -196,7 +195,7 @@ <td class="toBeEdited">Kellele </td> </tr> <tr> - <td class="toBeEdited">Mida </td> + <td class="toBeEdited firstCheck">Mida </td> </tr> </table> </td> @@ -207,7 +206,7 @@ <td class="toBeEdited">Kellele </td> </tr> <tr> - <td class="toBeEdited">Mida </td> + <td class="toBeEdited secCheck">Mida </td> </tr> </table> </td> @@ -218,7 +217,7 @@ <td class="toBeEdited">Kellele </td> </tr> <tr> - <td class="toBeEdited">Mida </td> + <td class="toBeEdited thirdCheck">Mida </td> </tr> </table> </td> @@ -227,9 +226,9 @@ <tr> <td><strong>Saan</strong></td> - <td class="toBeEdited">Mille</td> - <td class="toBeEdited">Mille</td> - <td class="toBeEdited">Mille</td> + <td class="toBeEdited firstCheck">Mille</td> + <td class="toBeEdited secCheck">Mille</td> + <td class="toBeEdited thirdCheck">Mille</td> <td><strong>Käes!</strong></td> </tr> </table> diff --git a/rannak/mangud/perenaine/kuulamine/pildid/avatar.png b/rannak/mangud/perenaine/kuulamine/pildid/avatar.png Binary files differindex 41c1bb9..b0cd3a1 100644 --- a/rannak/mangud/perenaine/kuulamine/pildid/avatar.png +++ b/rannak/mangud/perenaine/kuulamine/pildid/avatar.png diff --git a/rannak/mangud/perenaine/kuulamine/script.js b/rannak/mangud/perenaine/kuulamine/script.js index 680c6fd..72b8e70 100644 --- a/rannak/mangud/perenaine/kuulamine/script.js +++ b/rannak/mangud/perenaine/kuulamine/script.js @@ -6,11 +6,18 @@ document.addEventListener('DOMContentLoaded', () => { const cells = document.querySelectorAll(".toBeEdited"); -console.log(cells); + +// For Checking +firsts = document.querySelectorAll(".firstCheck"); +secs = document.querySelectorAll(".secCheck"); +thirds = document.querySelectorAll(".thirdCheck"); + + + + for (let i=0;i < cells.length; i++){ cells[i].onclick = function(){ - console.log('Clicked'); if (this.hasAttribute('data-clicked')) return; @@ -41,7 +48,6 @@ for (let i=0;i < cells.length; i++){ td.removeAttribute('data-text'); td.innerHTML = curText; td.style.cssText = 'padding: .5rem .5rem'; - console.log('Sth Change'); } else { td.removeAttribute('data-clicked'); @@ -52,7 +58,15 @@ for (let i=0;i < cells.length; i++){ // Here Check if Done - //TODO + if (firsts[0].textContent != '' && firsts[0].textContent == firsts[1].textContent){ + if (secs[0].textContent != '' && secs[0].textContent == secs[1].textContent){ + + if (thirds[0].textContent != '' && thirds[0].textContent == thirds[1].textContent) + moveOnEnable(); + + } + } + @@ -80,17 +94,6 @@ for (let i=0;i < cells.length; i++){ -/// Chekers Funcers /// - - - - - - - - - - // If Done diff --git a/rannak/mangud/perenaine/kuulamine/style.css b/rannak/mangud/perenaine/kuulamine/style.css index effe5f9..5ae01a5 100644 --- a/rannak/mangud/perenaine/kuulamine/style.css +++ b/rannak/mangud/perenaine/kuulamine/style.css @@ -83,3 +83,8 @@ strong{font-size: 1.1rem;} border-top: 4px solid white; color: #FEDD00; } + + + + + |