From 3375e3a401c3b511de53865a98dc6473ffa4e4ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=A1gv=C3=B6lgyi=20M=C3=A1t=C3=A9?=
 <vagvolgyimate19@gmail.com>
Date: Thu, 4 May 2023 12:04:20 +0200
Subject: [PATCH] =?UTF-8?q?K=C3=A9sz?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 evmadara.html | 110 +++++++++++++++++++++++++++++++++++---------------
 evmadara.js   |   8 ++--
 2 files changed, 81 insertions(+), 37 deletions(-)
diff --git a/evmadara.html b/evmadara.html
index 1476a76..760f851 100644
--- a/evmadara.html
+++ b/evmadara.html
@@ -1,5 +1,6 @@
 ﻿<!DOCTYPE html>
 <html lang="hu">
+
 <head>
   <title>Év madara program</title>
   <meta charset="utf-8">
@@ -7,7 +8,7 @@
   <link rel="stylesheet" href="bootstrap.min.css">
   <script src="jquery.min.js"></script>
   <script src="popper.min.js"></script>
-  <script src="bootstrap.min.js"></script>  
+  <script src="bootstrap.min.js"></script>
   <link rel="stylesheet" href="evmadara.css">
   <script src="evmadara.js"></script>
 </head>
@@ -19,8 +20,9 @@
       <img src="kepek/vonulas.jpg" class="img-fluid w-100">
     </header>
 
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">      
-      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
       <div class="collapse navbar-collapse" id="navbarNav">
@@ -57,13 +59,22 @@
       <div id="program" class="col-lg-5">
         <h1>"Év madara" program</h1>
         <p>
-          A <a href="https://mme.hu/" target="_blank">Magyar Madártani és Természetvédelmi Egyesület</a> 1979-ben indította el az „Év madara” programját. Ennek célja, hogy a társadalommal megismertesse azokat a madárfajokat vagy fajcsoportokat, amelyek védelmében a lakosság vagy annak egyes csoportjai (például gazdálkodók, vadászok, pedagógusok) különösen fontos szerepet kaphatnak. Emellett felhívja a figyelmet azokra az érdekütközésekre, konfliktusokra, amelyeket fel kell oldani. Az év madarának csak olyan fajt választanak, amelynek folyamatos védelmében az egyesület tevőlegesen is részt vesz.
+          A <a href="https://mme.hu/" target="_blank">Magyar Madártani és Természetvédelmi Egyesület</a> 1979-ben
+          indította el az „Év madara” programját. Ennek célja, hogy a társadalommal megismertesse azokat a madárfajokat
+          vagy fajcsoportokat, amelyek védelmében a lakosság vagy annak egyes csoportjai (például gazdálkodók, vadászok,
+          pedagógusok) különösen fontos szerepet kaphatnak. Emellett felhívja a figyelmet azokra az érdekütközésekre,
+          konfliktusokra, amelyeket fel kell oldani. Az év madarának csak olyan fajt választanak, amelynek folyamatos
+          védelmében az egyesület tevőlegesen is részt vesz.
         </p>
         <p>
-          2011-ben kísérletképpen internetes szavazással választatták meg, hogy a három ajánlott faj közül melyik legyen 2012-ben az év madara. Az akciót sikeresnek ítélték, ezért a következő években is így választanak. Kivételt csak a 2018-as év jelentett, a 20 éves visszatérésének évfordulója alkalmából a vándorsólyom kapta ezt a megtisztelő címet.
+          2011-ben kísérletképpen internetes szavazással választatták meg, hogy a három ajánlott faj közül melyik legyen
+          2012-ben az év madara. Az akciót sikeresnek ítélték, ezért a következő években is így választanak. Kivételt
+          csak a 2018-as év jelentett, a 20 éves visszatérésének évfordulója alkalmából a vándorsólyom kapta ezt a
+          megtisztelő címet.
         </p>
         <p>
-          A természeti értékek védelmét számos egyéb program is segíti. A "Föld Napja Alapítvány" <a href="http://fna.hu/hir/vadonelok2021" target="_blank">gyűjtés</a>éből megtudhatjuk, hogy 2021-ben az...
+          A természeti értékek védelmét számos egyéb program is segíti. A "Föld Napja Alapítvány" <a
+            href="http://fna.hu/hir/vadonelok2021" target="_blank">gyűjtés</a>éből megtudhatjuk, hogy 2021-ben az...
         </p>
         <ul class="lista">
           <li>év kétéltűje a <span class="dijazott">zöld varangy</span>,</li>
@@ -73,9 +84,10 @@
           <li>év gombája az <span class="dijazott">óriás bocskogomba</span>,</li>
           <li>év vadvirága a <span class="dijazott">vetési konkoly</span>,</li>
           <li>év hala a <span class="dijazott">jászkeszeg</span>,</li>
-          <li>év gyógynövénye a <span class="dijazott">fekete nadálytő</span>.</li>        
-        </ul>    
-        <p>A 2021-es "Év városi madara" szavazás még nem zárult le. A versenyben lévő 15 madárra ősz derekéig lehet szavazni. A 2020-as év városi madara a <span class="dijazott">vörösbegy</span> volt.</p>    
+          <li>év gyógynövénye a <span class="dijazott">fekete nadálytő</span>.</li>
+        </ul>
+        <p>A 2021-es "Év városi madara" szavazás még nem zárult le. A versenyben lévő 15 madárra ősz derekéig lehet
+          szavazni. A 2020-as év városi madara a <span class="dijazott">vörösbegy</span> volt.</p>
       </div>
       <div id="ev2021" class="col-lg-7 nyertes">
         <div class="border">
@@ -84,17 +96,28 @@
             <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>
-                <p>Megjelenésre a mezei verébnél kicsit kisebb. A nászruhás hím feje, torka és háta fekete, begye és melle rozsdavörös, széles nyakfoltja, keskeny szárnycsíkja és farkcsíkja fehér. A tojón a hímek fekete színét barna helyettesíti, a begy és a mell halvány rózsaszínes, a nyak fehér foltja elmosódott, a farkcsík világos rozsdássárga. A fiatalok foltozott alsótestű tojóhoz hasonlítanak. A farok minden korosztálynál egyöntetűen sötét feketésbarna.</p>
-                <p>A faj képviselőivel leggyakrabban magas kóró és bokor csúcsán, kerítésoszlop tetején üldögélve találkozhatunk, korábbi neve, a cigány-csaláncsúcs is erre a viselkedésére utalt. A hímek itt hallatják rövid, csicsergő éneküket, illetve innen hallhatjuk jellegzetes csuk-csuk jelző- és riasztóhangjukat.</p>
-                <audio controls>
-                  <source src="hangok/ciganycsuk.mp3" type="audio/mpeg">
-                  Az Ön böngészője nem támogatja az audió elemet!
-                </audio>
-                <p>A sík, domb- és hegyvidékek nyílt, gyom- és magaskórós legelők, árokpartok, mezsgyeszegélyek területek jellegzetes madara. A zárt erdőkből és a monokultúrás agrártájból hiányzik. Apró rovarokból, pókokból, hernyókból álló táplálékát a növényzet csúcsáról lerepülve többnyire a talajon fogja meg.</p>
+              <h3>Cigánycsuk</h3>
+              <p>Megjelenésre a mezei verébnél kicsit kisebb. A nászruhás hím feje, torka és háta fekete, begye és melle
+                rozsdavörös, széles nyakfoltja, keskeny szárnycsíkja és farkcsíkja fehér. A tojón a hímek fekete színét
+                barna helyettesíti, a begy és a mell halvány rózsaszínes, a nyak fehér foltja elmosódott, a farkcsík
+                világos rozsdássárga. A fiatalok foltozott alsótestű tojóhoz hasonlítanak. A farok minden korosztálynál
+                egyöntetűen sötét feketésbarna.</p>
+              <p>A faj képviselőivel leggyakrabban magas kóró és bokor csúcsán, kerítésoszlop tetején üldögélve
+                találkozhatunk, korábbi neve, a cigány-csaláncsúcs is erre a viselkedésére utalt. A hímek itt hallatják
+                rövid, csicsergő éneküket, illetve innen hallhatjuk jellegzetes csuk-csuk jelző- és riasztóhangjukat.
+              </p>
+              <audio controls>
+                <source src="hangok/ciganycsuk.mp3" type="audio/mpeg">
+                Az Ön böngészője nem támogatja az audió elemet!
+              </audio>
+              <p>A sík, domb- és hegyvidékek nyílt, gyom- és magaskórós legelők, árokpartok, mezsgyeszegélyek területek
+                jellegzetes madara. A zárt erdőkből és a monokultúrás agrártájból hiányzik. Apró rovarokból, pókokból,
+                hernyókból álló táplálékát a növényzet csúcsáról lerepülve többnyire a talajon fogja meg.</p>
             </div>
           </div>
         </div>
@@ -108,7 +131,9 @@
           <h3>Erdei fülesbagoly</h3>
           <img src="kepek/erdeifulesbagoly.png" alt="Erdei fülesbagoly" title="Erdei fülesbagoly"
             class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
-          <p>Leggyakoribb hazai bagolyfajunk. Közepes méretű, tollfülei hosszúak. Hazánkban általánosan elterjedt, de a magasan fekvő, zárt erdőket elkerüli. Évente egyszer költ, viszonylag korán, már márciusban teljes a fészekalja. Egy átlagos fészekalj 5-6 tojásból áll.</p>
+          <p>Leggyakoribb hazai bagolyfajunk. Közepes méretű, tollfülei hosszúak. Hazánkban általánosan elterjedt, de a
+            magasan fekvő, zárt erdőket elkerüli. Évente egyszer költ, viszonylag korán, már márciusban teljes a
+            fészekalja. Egy átlagos fészekalj 5-6 tojásból áll.</p>
         </div>
       </div>
 
@@ -118,7 +143,10 @@
           <h3>Gólyatöcs</h3>
           <img src="kepek/golyatocs.png" alt="Gólyatöcs" title="Gólyatöcs"
             class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
-          <p>Gólyára emlékeztető, fekete-fehér színezetű, hosszú lábú partimadár. Magyarországon rendszeres fészkelő, a nálunk költő párok száma az adott év csapadékviszonyaitól függ. Főleg szikeseken, nedves réteken, elöntéseken, belvizeken lehet megfigyelni. Vonuló madár, március-áprilisban érkezik meg a trópusi Afrikából, augusztusban a többség el is hagyja hazánkat.</p>
+          <p>Gólyára emlékeztető, fekete-fehér színezetű, hosszú lábú partimadár. Magyarországon rendszeres fészkelő, a
+            nálunk költő párok száma az adott év csapadékviszonyaitól függ. Főleg szikeseken, nedves réteken,
+            elöntéseken, belvizeken lehet megfigyelni. Vonuló madár, március-áprilisban érkezik meg a trópusi Afrikából,
+            augusztusban a többség el is hagyja hazánkat.</p>
         </div>
       </div>
 
@@ -128,7 +156,12 @@
           <h3>Vándorsólyom</h3>
           <img src="kepek/vandorsolyom.png" alt="Vándorsólyom" title="Vándorsólyom"
             class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
-          <p>Kozmopolita madárfaj, az Antarktisz kivételével az összes kontinensen előfordul. Sokféle élőhelyen előfordulhat, nálunk a középhegységekben található elszórt költőállománya. Tipikus költőhelyei a sziklapárkányok, de nagyobb elhagyott fészkeket is elfoglalhat, fészket nem épít. A vándorsólymot tartják a leggyorsabb madárnak, hihetetlen gyorsan csapnak le zsákmányukra. Nagy magasságból zuhanórepüléssel közelíti meg prédáját, melyet rendszerint már a levegőben elkap vagy pedig egy erős rúgással leterít a földre. Tápláléka szinte kizárólag madarakból áll, elsősorban galambokból.</p>
+          <p>Kozmopolita madárfaj, az Antarktisz kivételével az összes kontinensen előfordul. Sokféle élőhelyen
+            előfordulhat, nálunk a középhegységekben található elszórt költőállománya. Tipikus költőhelyei a
+            sziklapárkányok, de nagyobb elhagyott fészkeket is elfoglalhat, fészket nem épít. A vándorsólymot tartják a
+            leggyorsabb madárnak, hihetetlen gyorsan csapnak le zsákmányukra. Nagy magasságból zuhanórepüléssel közelíti
+            meg prédáját, melyet rendszerint már a levegőben elkap vagy pedig egy erős rúgással leterít a földre.
+            Tápláléka szinte kizárólag madarakból áll, elsősorban galambokból.</p>
         </div>
       </div>
 
@@ -138,7 +171,10 @@
           <h3>Tengelic</h3>
           <img src="kepek/tengelic.png" alt="Tengelic" title="Tengelic"
             class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
-          <p>Egyik legszínesebb és leggyakoribb pintyfélénk. Szinte kizárólag csapatosan látni. A hideg idő beálltával gyakran találkozhatunk vele a madáretetőkön. Apró gyommagvakkal táplálkozik, de fiókái étrendjét bogarakkal és hernyókkal egészíti ki. Nagyrészt állandó, de télen észak-déli irányú kóborlása is megfigyelhető. Régebben dekoratív külseje miatt kalitkamadárnak tartották, de már régóta védett faj. </p>
+          <p>Egyik legszínesebb és leggyakoribb pintyfélénk. Szinte kizárólag csapatosan látni. A hideg idő beálltával
+            gyakran találkozhatunk vele a madáretetőkön. Apró gyommagvakkal táplálkozik, de fiókái étrendjét bogarakkal
+            és hernyókkal egészíti ki. Nagyrészt állandó, de télen észak-déli irányú kóborlása is megfigyelhető.
+            Régebben dekoratív külseje miatt kalitkamadárnak tartották, de már régóta védett faj. </p>
         </div>
       </div>
 
@@ -148,28 +184,36 @@
           <h3>Haris</h3>
           <img src="kepek/haris.png" alt="Haris" title="Haris"
             class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
-          <p>Ez a tyúkalakúakra emlékeztető madár a modern mezőgazdaság egyik nagy vesztese, állománya egész Európában csökken. Rejtőzködő életmódja miatt legtöbbször csak jellegzetes recsegő hangja árulkodik jelenlétéről. Legnagyobb számban a Bodrogközben és a Szatmár-Beregben költ. Egyes csapadékosabb években, amikor kiterjedt belvizek maradnak, jóval több pár telepszik meg nálunk fészkelésre, olyan környezetben ahol korábban egyáltalán nem fordult elő, így akár művelt területeken, agrárkultúrákban is megtelepedhet.</p>
+          <p>Ez a tyúkalakúakra emlékeztető madár a modern mezőgazdaság egyik nagy vesztese, állománya egész Európában
+            csökken. Rejtőzködő életmódja miatt legtöbbször csak jellegzetes recsegő hangja árulkodik jelenlétéről.
+            Legnagyobb számban a Bodrogközben és a Szatmár-Beregben költ. Egyes csapadékosabb években, amikor kiterjedt
+            belvizek maradnak, jóval több pár telepszik meg nálunk fészkelésre, olyan környezetben ahol korábban
+            egyáltalán nem fordult elő, így akár művelt területeken, agrárkultúrákban is megtelepedhet.</p>
         </div>
       </div>
 
-      <div id="regen" class="col-xl-4 nyertes">
-        <p>Korábbi nyertesek<p>
-        <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>
+      <div id="regen" class="col-xl-4 nyertes col-md-6">
+        <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!">        
+        <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" max="2015" title="Válassz évet!" onchange="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>
+        <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>
       </div>
-      
+
     </div>
   </div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/evmadara.js b/evmadara.js
index e70ec8b..05c6c3b 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").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() * (1979 - 2015 + 1) ) + 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
