Compare commits

...

1 Commits

Author SHA1 Message Date
BB
2c29c7d7a8 Elkészültem a feladattal 2023-05-04 12:12:11 +02:00
2 changed files with 12 additions and 10 deletions

View File

@ -84,7 +84,9 @@
<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">
<h3>Cigánycsuk</h3> <h3>Cigánycsuk</h3>
@ -152,17 +154,17 @@
</div> </div>
</div> </div>
<div id="regen" class="col-xl-4 nyertes"> <div id="regen" class="col-md-6 col-xl-4 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>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" title="Válassz évet!" oninput="frissit()">
</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 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>

View File

@ -39,9 +39,9 @@ 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 = ?; var ev = document.getElementById('ev').valueAsNumber;
// 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').innerText = ev.toString();
document.getElementById('madar').innerHTML = nagyKezdo(evmadara[ev]); document.getElementById('madar').innerHTML = nagyKezdo(evmadara[ev]);
} }
@ -51,9 +51,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.random() * (2015 - 1979)) + 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();
} }