summaryrefslogtreecommitdiff
path: root/rannak/mangud/perenaine/memori
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/mangud/perenaine/memori')
-rw-r--r--rannak/mangud/perenaine/memori/index.html2
-rw-r--r--rannak/mangud/perenaine/memori/script.js9
-rw-r--r--rannak/mangud/perenaine/memori/style.css19
3 files changed, 23 insertions, 7 deletions
diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html
index 6c470c3..ae402ef 100644
--- a/rannak/mangud/perenaine/memori/index.html
+++ b/rannak/mangud/perenaine/memori/index.html
@@ -153,7 +153,7 @@
<div class="right row align-items-center text-center">
<div class="col">
- <a href="" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a>
+ <button class="moveOn" disabled>Liigu Edasi</button>
</div>
</div>
diff --git a/rannak/mangud/perenaine/memori/script.js b/rannak/mangud/perenaine/memori/script.js
index bcdba13..1e9215b 100644
--- a/rannak/mangud/perenaine/memori/script.js
+++ b/rannak/mangud/perenaine/memori/script.js
@@ -68,10 +68,7 @@ cards.forEach(card => card.addEventListener('click', flipCard));
// Button func
function moveOnEnable(){
- const button = document.querySelector(".btn");
- button.classList.remove('disabled');
- button.setAttribute('aria-disabled', false);
- console.log("done");
-
- counter = 0;
+ const btn = document.querySelector(".moveOn");
+ btn.disabled = false;
+ btn.onclick = () => location.href = "";
}
diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css
index 99f803b..56769a4 100644
--- a/rannak/mangud/perenaine/memori/style.css
+++ b/rannak/mangud/perenaine/memori/style.css
@@ -10,6 +10,25 @@ body {
background: #eeee90 !important;
}
+.moveOn{
+ display: inline-block;
+ border: none;
+ padding: 6px 12px;
+ margin-botton: 0;
+ font-size: 1rem;
+ font-weight: normal;
+ text-align: center;
+ cursor: pointer;
+ border-radius: 4px;
+ background-color: #4BB543;
+ color: white;
+}
+
+button:disabled{
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
.memory-game {
width: 640px;
height: 640px;