diff options
Diffstat (limited to 'rannak/kaart')
| -rwxr-xr-x[-rw-r--r--] | rannak/kaart/css/kaart.css | 0 | ||||
| -rwxr-xr-x[-rw-r--r--] | rannak/kaart/index.html | 7 | ||||
| -rwxr-xr-x[-rw-r--r--] | rannak/kaart/js/kaart.js | 17 |
3 files changed, 15 insertions, 9 deletions
diff --git a/rannak/kaart/css/kaart.css b/rannak/kaart/css/kaart.css index 1329303..1329303 100644..100755 --- a/rannak/kaart/css/kaart.css +++ b/rannak/kaart/css/kaart.css diff --git a/rannak/kaart/index.html b/rannak/kaart/index.html index bba5c51..bde14a3 100644..100755 --- a/rannak/kaart/index.html +++ b/rannak/kaart/index.html @@ -14,9 +14,8 @@ <div class="upperContainer text-white"> <div> - <h1>Kaardimäng</h1> - <p>Leia esimesed kümme riiki, kes tunnustasid De Facto Eesti iseseisvust - <br>(Praegu testiks leia Eesti, Holland ja Portugal)</p> + <h1>Eesti Vabariigi tunnustamine 1991</h1> + <p>Leia esimesed seitse riiki, kes tunnustasid Eesti iseseisvust </div> <div> @@ -28,7 +27,7 @@ <button class="movementBtn" id="zoom-in-button">+</button> <button class="movementBtn" id="zoom-out-button">−</button> - <button class="moveOn" disabled>Liigu Edasi</button> + <button class="moveOn" disabled>Liigu edasi</button> </div> </div> diff --git a/rannak/kaart/js/kaart.js b/rannak/kaart/js/kaart.js index f0921b5..e905fb5 100644..100755 --- a/rannak/kaart/js/kaart.js +++ b/rannak/kaart/js/kaart.js @@ -55,6 +55,8 @@ const zoom = (direction) => { }; + + // Event Listeners document.getElementById("left-button").onclick = () => pan("left"); @@ -67,24 +69,29 @@ document.getElementById("zoom-out-button").onclick = () => zoom("out"); + + + // ******************** Other Stuff **************************** // const riigid = document.querySelectorAll("svg path") -// Praegu Eesti, Portugal, Holland -const leitavad = ["EE", "PT", "NL"] + +const leitavad = ["IS", "LV", "LT", "UA", "HU", "Russian Federation", "France"] let leitud = []; // Add click listener for (let i = 0; i < riigid.length; i++){ - if (leitavad.includes(riigid[i].id)){ + if (leitavad.includes(riigid[i].id) || leitavad.includes(riigid[i].className.baseVal)){ riigid[i].addEventListener("click", e => { e.target.style.fill = "#00FF00"; - if (!leitud.includes(e.target.id)) - leitud.push(riigid[i].id); + if (!leitud.includes(i)) + leitud.push(i); if (leitavad.length == leitud.length) moveOnEnable(); + + console.log(leitud.length); }) } else{ |