JavaScript Date

A JavaScript Dátum Objektum A JavaScriptben a Date objektum segítségével kezelhetjük a dátumokat és időpontokat. Az alapértelmezett formátum az aktuális dátum és idő, de egyéb függvények is rendelkezésre állnak a dátumok lekérésére, beállítására, illetve manipulálására. Aktuális dátum mentése Dátum létrehozása Dátum szétszedése (év, hónap, nap, hét hanyadik napja, óra, perc, mp, ms) Dátum beállítása Dátumokkal […]

Continue Reading

JS API használatának gyakorlása – F1 adatok

Készítsünk weboldalt, ami a https://ergast.com/api/f1/2000.json AP-t használja! Az api egy adott év futamainak adatait jeleníti meg. Egy konkrét futam eredményeit a https://ergast.com/api/f1/2000/1/results.json címen érhetjük el. Készítsünk egy futamok.html oldalt, ahol csúszka segítségével tudunk évszámot választani 1950-2024 között! A futamok dátumára készítünk egy hivatkozást, ami tartalmazni fogja az évszámot (season) és a kiválsztott futamot (round). Így […]

Continue Reading

JavaScript modulok kezelése, export, import

A JavaScript export és import kulcsszavakat modulok közötti adat (például változók, függvények vagy osztályok) megosztására használjuk. Ez lehetővé teszi a kód felosztását kisebb, újra felhasználható részekre, amelyeket könnyebb karbantartani és kezelni. Export típusok: Named export Lehetővé teszi több elem exportálását ugyanabból a modulból. Az importálás során a névnek pontosan egyeznie kell az exportált névvel. Importnál […]

Continue Reading

JavaScript Spread operator azaz …

A JavaScript Spread Operator (…) lehetővé teszi egy tömb vagy objektum elemeinek, illetve függvények paramétereinek egyszerűbb kezelését. Használható tömbök összefűzésére, tömbhöz új elemek hozzáadására, másolásra, objektumok egyesítésére, függvények paraméterének megadásához stb. Nézzünk néhány példát:

Continue Reading

jQuery

A jQuery egy JavaScript könyvtár. Segítségével egyszerűbben tudunk dinamikus weboldalt készíteni! A jQuery számos előre elkészített függvényt és eszközöket biztosít, amelyekkel gyorsabban és hatékonyabban tudunk dolgozni. Mire lehet használni? DOM manipuláció: Egyszerűen kiválaszthatunk HTML elemeket, módosíthatjuk a tartalmukat, stílusukat és az eseménykezelőket.Animációk: Készíthetünk látványos animációkat a weboldal elemein.AJAX: Aszinkron kérések küldésével dinamikusan tölthetünk be új […]

Continue Reading

JavaScript ternary operator

A JavaScript ternary operator (három operandusú operátor) egy rövidített feltételes kifejezés, amely az if-else szerkezet alternatívája. Szintaxisa: condition ? expressionIfTrue : expressionIfFalse;feltetel ? UtasitasokHaIgaz : UtasitasokHaHamis; Több feltétel vizsgálata. Dolgozat pontozása Vizsgáljuk meg, hogy egy adott szám potizív, negatív, vagy nulla-e?

Continue Reading

JavaScript destructuring 

A destructuring (destrukturálás) egy JavaScript szintaxis, amely lehetővé teszi objektumok és tömbök elemeinek egyszerű, változókba történő kibontását. Tehát egy objektum vagy tömb elemeit közvetlenül hozzárendelhetjük változókhoz anélkül, hogy külön-külön kellene hivatkoznunk az elemekre. Nézzünk néhány példát! Nézzük meg objektum esetében: Függvény esetében

Continue Reading

JavaScript tömb szűrés, egyéb hasznos függvények

JavaScript-ben többféle módon szűrhetjük a tömbök tartalmát. Nézzük meg a leggyakoribb módszereket! filter() A filter() metódus segítségével egy új tömböt hozhatunk létre azokkal az elemekkel, amelyek megfelelnek a megadott feltételnek. Ez egy tisztán funkcionális módszer. find() A find() metódus az első olyan elemet adja vissza, amely megfelel a feltételnek, nem az összeset. findIndex() A findIndex() […]

Continue Reading