From 2863a49dd0cdae245a741f533c8861c1c8b97fd6 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Sat, 17 Sep 2022 00:17:34 +0300 Subject: init commit --- rannak/algus/kaart/css/kaart.css | 12 + rannak/algus/kaart/index.html | 1011 ++++++++++++++++++++++++++++++++++++++ rannak/algus/kaart/js/kaart.js | 33 ++ 3 files changed, 1056 insertions(+) create mode 100644 rannak/algus/kaart/css/kaart.css create mode 100644 rannak/algus/kaart/index.html create mode 100644 rannak/algus/kaart/js/kaart.js (limited to 'rannak/algus/kaart') diff --git a/rannak/algus/kaart/css/kaart.css b/rannak/algus/kaart/css/kaart.css new file mode 100644 index 0000000..e395b95 --- /dev/null +++ b/rannak/algus/kaart/css/kaart.css @@ -0,0 +1,12 @@ +svg path{ + fill: #00394f; + stroke: #eee !important; + stroke-width: .25 !important; +} + +svg path:hover { + fill: #006284; + transition: 0.6s !important; + cursor: pointer !important; + +} \ No newline at end of file diff --git a/rannak/algus/kaart/index.html b/rannak/algus/kaart/index.html new file mode 100644 index 0000000..dd70e67 --- /dev/null +++ b/rannak/algus/kaart/index.html @@ -0,0 +1,1011 @@ + + + + + + Rännak + + + + + + + + +
+
+
+

Kaardimäng

+

Leia esimesed kümme riiki, kes tunnustasid De Facto Eesti iseseisvust +
(testiks leia Eesti, Holland ja Portugal)

+
+ +
+ Liigu Edasi +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rannak/algus/kaart/js/kaart.js b/rannak/algus/kaart/js/kaart.js new file mode 100644 index 0000000..5d1a1a3 --- /dev/null +++ b/rannak/algus/kaart/js/kaart.js @@ -0,0 +1,33 @@ +const riigid = document.querySelectorAll("svg path") + +// Praegu Eesti, Portugal, Holland +const leitavad = ["EE", "PT", "NL"] +let leitud = []; + +// Add click listener +for (let i = 0; i < riigid.length; i++){ + if (leitavad.includes(riigid[i].id)){ + riigid[i].addEventListener("click", e => { + e.target.style.fill = "#00FF00"; + if (!leitud.includes(e.target.id)) + leitud.push(riigid[i].id); + + if (leitavad.length == leitud.length) + moveOnEnable(); + }) + } + else{ + riigid[i].addEventListener("click", e => { + e.target.style.fill = "#FF0000"; + }) + } +} + +function moveOnEnable(){ + const button = document.querySelector(".btn"); + button.classList.remove('disabled'); + button.setAttribute('aria-disabled', false); + console.log("done"); + + counter = 0; +} -- cgit v1.2.3