diff options
author | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-24 15:28:33 +0300 |
---|---|---|
committer | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-24 15:28:33 +0300 |
commit | 9f5d3616cb0ed7d4c8135482dbe775ced78eb5fe (patch) | |
tree | 1bb13f53f049b0613bfb1cb83895a1c07a988479 /rannak/mangud/perenaine/memori | |
parent | 52b100ad168c10ea44b1df7b89b71ae177ae835a (diff) |
Ristsõna done ja global button Fix
Diffstat (limited to 'rannak/mangud/perenaine/memori')
-rw-r--r-- | rannak/mangud/perenaine/memori/index.html | 2 | ||||
-rw-r--r-- | rannak/mangud/perenaine/memori/script.js | 9 | ||||
-rw-r--r-- | rannak/mangud/perenaine/memori/style.css | 19 |
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; |