Feladat 1. Hogyan tudunk adatokat megjeleníteni js-ben?
–
- Kiíratás HTML elembe,
innerHTML
használatával - Kiíratás a HTML oldalon belül
document.write()
használatával - Felugró ablakba, a
window.alert()
segítségével - Kiíratás konzolra: using
console.log()
Ezt a böngésző konzol ablakában látjuk. (F12 – console)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<!DOCTYPE html> <html lang="hu"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!--Inner HTML--> <p id="pelda"></p> <script> document.getElementById('pelda').innerHTML = "Példa: " + (10 + 20); </script> <!--Egyszerű kiíratás--> <script> document.write("Ez egy javascriptes szöveg"); </script> <!--Alert - felugró ablak--> <script> window.alert("Felugró ablak példa"); </script> <!--Console log--> <script> console.log("konzol üzenet"); </script> </body> </html> |
Feladat 2. Adat bekérés a promt segítsésével. Adatok ellenőrzése.
IsFinite: Megvizsgálja, hogy szám-e a bekért adat?
Math.floor: Egy szám egész részét írja ki.
Ha a feltétel után csak egy utasítást akarunk végrehajtani, a kapcsos zárójel elhagyható.
A 6-tel való oszthatósághoz természetesen használható lenne a a%6 is.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<script> var a = prompt('Kérek egy számot!'); //Bekért szám páros vagy páratlan? if (isFinite(a)) { if(Math.floor(a)==a)//a bekért szám egész része {document.write("A bekért szám: ",a,"egész szám!");} else { document.write("A bekért szám: ",a,"nem egész szám!"); a=Math.floor(a); } if (a%2==0) {document.write("A bekért szám: ",a," páros!"); } else {document.write("A bekért szám: ",a," páratlan!");} //Bekért szám + / - / 0? if (a==0) {document.write("A bekért szám: ",a,"nulla!");} else if (a<0) {document.write("A bekért szám: ",a,"negatív");} else {document.write("A bekért szám: ",a,"pozitív");} //Bekért szám osztható 3-mal vagy nem if (a%3==0) {document.write("A bekért szám: ",a,"osztható 3-mal");} else {document.write("A bekért szám: ",a,"nem osztható 3-mal");} //Bekért szám osztható-e hattal? if (a%2==0 && a%3==0) {document.write("A bekért szám: ",a,"osztható 6-tal");} } else { document.write("A bekért érték nem szám!"); } </script> |
Feladat 3: Összetett feltétel használata. Figyelni kell a műveleti sorrendre, amit zárójelekkel tudunk módosítani.
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> //Kérek 2-vel vagy 7-tel osztható 100 nagyobb számot! var a=prompt("Kérek egy számot!"); if((a % 2 == 0 || a % 7 == 0) && a > 100) { document.write("Rendben!"); } else { document.write("Hiba!") } </script> |
Feladat 4: A for ciklus. A for ciklusnál mindig szükség van egy ciklus változóra, amit léptetünk. A for ciklusnál meg tudjuk adni, hányszor fusson le. Ügyeljünk rá, hogy ne írjunk végtelen ciklust, mindig teljesüljön a kilépési feltétel!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
<script> //Írasd ki a számokat 0-20-ig! for (i=0; i<=20; i++) { document.write(i," "); } document.write("<br>"); //Írasd ki a számokat 20-0-ig! for (i=20; i>=0; i--) { document.write(i," "); } document.write("<br>"); //Írasd ki a páros számokat 0-20-ig! for(i=0; i<=20; i=i+2) { document.write(i, " "); } //páratlan számokat megszámoljuk document.write("<br>Páratlan számok:"); var db=0; for(i=0; i<=20; i++) { if(i%2 != 0) { document.write(i, " "); db++; } } document.write("Páratlan számok száma: ",db); //Számok összege 1-100-ig var szum=0; document.write("<br>"); for(i=1; i<=100; i++) { szum += i; } document.write("<br>Számok összege 1-100-ig:",szum); document.write("<br>Szám, négyzete, gyöke"); var sor=""; for(i=0; i<=100; i++) { sor +="<tr><td>"+i+"</td><td>"+i*i+"</td><td>"+Math.sqrt(i)+"</td></tr>"; } document.write("<table border='1'>",sor,"</table>"); </script> |
Feladat 5. : Elől és hátultesztelő ciklus. A while ciklus addig ismétel, amíg a megadott feltétel nem teljesül. A do..while hátultesztelő ciklusnál az utasítás(ok) egyszer mindenképpen lefutnak, mert csak a végén vizsgálja a feltételt. Tehát hiába adtunk meg helyes értéket, egyszer mindenképpen feldobja a szám bekérő ablakot.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script> //addig ismétel amíg nem írunk számot //elől tesztelő ciklus var be; while (!isFinite(be)) { be = prompt("Kérek egy számot!"); } document.write("A while ciklusnál beírt szám: ",be); //hátul tesztelő ciklus var szam=42; do{ szam=prompt("Kérek egy számot!"); } while(!isFinite(szam)); document.write("A do-while ciklusnál beírt szám: ",szam); </script> |