kesz

evmadara.html

@@ -84,6 +84,9 @@
             <div class="col-md-5">
               <img src="kepek/ciganycsuk_him.png" alt="Cigánycsuk - Hím" title="Cigánycsuk - Hím"
                 class="img-fluid mx-auto d-block w-75 img-thumbnail drop-shadow">
+                <br>
+                <img src="kepek/ciganycsuk_tojo.png" alt="Cigánycsuk - Tojó" title="Cigánycsuk - Tojó"
+                class="img-fluid mx-auto d-block w-75 img-thumbnail drop-shadow">
               
             </div>
             <div class="col-md-7">
@@ -152,17 +155,17 @@
         </div>
       </div>
 
-      <div id="regen" class="col-xl-4 nyertes">
+      <div id="regen" class="col-md-6 nyertes">
-        <p>Korábbi nyertesek<p>
+        <h2>Korábbi nyertesek</h2>
         <p>1979 óta minden évben kihirdették az év madarát, párszor fordult elő hogy egy madár két egymást követő évben is elnyertes a címet.</p>
         <p>Melyik évben melyik madár viselhette az "Év madara" címet?</p>
         <p class="font-italic">A válaszhoz használd az időszalagot vagy nézz meg egy <span id="velGomb" onclick="veletlen();">véletlen</span> évszámot:</p>        
         <div id="evszalag">         
-          <input type="range" id="ev" min="1979" title="Válassz évet!">        
+          <input type="range" id="ev" onclick = "frissit();" min="1979" max = "2015" title="Válassz évet!" >        
         </div>
         <div id="nevjegy">
           <h2><span id="evszam">?</span> <small> év madara</small></h2>
-          <h3>?</h3>
+          <h3 id = "madar">? </h3>
         </div>
         <br style="clear: both;">
         <p class="font-italic">A teljes lista a Wikipédia "<a href="https://hu.wikipedia.org/wiki/Az_%C3%A9v_madara" target="_blank">Az év madara</a>" szócikkében olvasható!</p>

evmadara.js

@@ -39,9 +39,9 @@ evmadara[2015] = "búbos banka";
 
 function frissit(){
     // A csúszka (range) elem év értékének elérése
-    var ev = ?;
+    var ev = document.getElementById("ev").value;
     // Az évszám kiírása az evszam azonosítójú elembe:
-    ?;
+    document.getElementById("evszam").innerHTML = ev;
     document.getElementById('madar').innerHTML = nagyKezdo(evmadara[ev]);
 }
 
@@ -51,9 +51,9 @@ function nagyKezdo(szoveg){
 
 function veletlen(){
     //Véletlen év generálása 1979 és 2015 között a randomev változóba
-    let randomev = ?;
+    let randomev = Math.floor(Math.random() * (2015 -1979) + 1979);
     //A csúszka beállítása
     document.getElementById('ev').value = randomev;
     //A frissit() függvény meghívása:
-    ?;
+    frissit();
 }