tothzoltanandras/evmadarajs
1
0
Fork 0
forked from pp/evmadarajs
Code Pull Requests Activity

fost

Browse Source
This commit is contained in:
TóthZoltán 2023-05-04 12:10:18 +02:00
parent f097279b55
commit 60744dd815
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
evmadara.html
View File

@ -83,7 +83,8 @@
<div class="row"> <div class="row">
<div class="col-md-5"> <div class="col-md-5">
<img src="kepek/ciganycsuk_him.png" alt="Cigánycsuk - Hím" title="Cigánycsuk - Hím" <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"> 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>
<div class="col-md-7"> <div class="col-md-7">
@ -152,17 +153,17 @@
</div> </div>
</div> </div>
<div id="regen" class="col-xl-4 nyertes"> <div id="regen" class="col-xl-4 nyertes col-md-6">
<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>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>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> <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"> <div id="evszalag">
<input type="range" id="ev" min="1979" title="Válassz évet!"> <input type="range" id="ev" min="1979" max="2015" onchange="frissit()" title="Válassz évet!">
</div> </div>
<div id="nevjegy"> <div id="nevjegy">
<h2><span id="evszam">?</span> <small> év madara</small></h2> <h2><span id="evszam">?</span> <small> év madara</small></h2>
<h3>?</h3> <h3 class="madar" id="madar">?</h3>
</div> </div>
<br style="clear: both;"> <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>

9
evmadara.js
View File

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