added Muusika and Kuulamine

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">&plus;</button>
               <button class="movementBtn" id="zoom-out-button">&minus;</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{