summaryrefslogtreecommitdiff
path: root/rannak/mangud/perenaine/kuulamine
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/mangud/perenaine/kuulamine')
-rw-r--r--rannak/mangud/perenaine/kuulamine/index.html17
-rw-r--r--rannak/mangud/perenaine/kuulamine/pildid/avatar.pngbin13560147 -> 641017 bytes
-rw-r--r--rannak/mangud/perenaine/kuulamine/script.js33
-rw-r--r--rannak/mangud/perenaine/kuulamine/style.css5
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
index 41c1bb9..b0cd3a1 100644
--- a/rannak/mangud/perenaine/kuulamine/pildid/avatar.png
+++ b/rannak/mangud/perenaine/kuulamine/pildid/avatar.png
Binary files differ
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;
}
+
+
+
+
+