From 2c29c7d7a802f1f0f22a9335ec1252855531b558 Mon Sep 17 00:00:00 2001
From: BB <bazsi5fel2@gmail.com>
Date: Thu, 4 May 2023 12:12:11 +0200
Subject: [PATCH] =?UTF-8?q?Elk=C3=A9sz=C3=BCltem=20a=20feladattal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 evmadara.html | 14 ++++++++------
 evmadara.js   |  8 ++++----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/evmadara.html b/evmadara.html
index 1476a76..0a020bf 100644
--- a/evmadara.html
+++ b/evmadara.html
@@ -84,7 +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">
                 <h3>Cigánycsuk</h3>
@@ -152,17 +154,17 @@
         </div>
       </div>
 
-      <div id="regen" class="col-xl-4 nyertes">
-        <p>Korábbi nyertesek<p>
+      <div id="regen" class="col-md-6 col-xl-4 nyertes">
+        <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" min="1979" max="2015" title="Válassz évet!" oninput="frissit()">        
         </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>
@@ -172,4 +174,4 @@
   </div>
 
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/evmadara.js b/evmadara.js
index e70ec8b..fddf80e 100644
--- a/evmadara.js
+++ b/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').valueAsNumber;
     // Az évszám kiírása az evszam azonosítójú elembe:
-    ?;
+    document.getElementById('evszam').innerText = ev.toString();
     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.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();
 }
\ No newline at end of file