Java Script

Basics

A JavaScript egy objektum orientált program nyelv. Az az, minden funkciót valami létező elemhez kötöd. Ez lehet gomb, szöveg, akkor ha az egér rámutat és sok egyéb.
Ezt hivatkozással tesszük meg (Lásd: Assign)

▼ Variables ▼

A változók olyan helyek a memóriában, ahol adatokat tárolhatunk. JavaScript-ben háromféle változót használhatunk: var, let és const.

var (Független)

var x = 10;

A var kulcsszóval deklarált változók globálisak vagy funkcionálisak lehetnek, és újradefiniálhatók.
Ez az elemek típus változtatására is használható. Pl.: x = 10 (int), x = "20" (string).

Példa ▶

var x = 10;
var x = "20";
function greet(name)
{
    var x = 10;
}
Ez lehetséges, hiszen a var változó újra deklarálható.

let (Lokális)

let y = 20;

A let kulcsszóval deklarált változók blokkszintűek, és nem újradefiniálhatók ugyanazon blokkban.

Példa ▶

let x = 10;
let x = 20; // Ez nem lehetséges, hiszen a let változó nem újradefiniálható ugyanazon blokkban.
function greet(name)
{
    let x = 50; // Ez viszont lehetséges, hiszen a let változó újra deklarálható egy új blokkban (a függvényen belül).
}

const (Globális)

const z = 30;

A const kulcsszóval deklarált változók blokkszintűek és nem újradefiniálhatók, valamint értékük nem változtatható meg.

Példa ▶

const x = 10;
function greet(name)
{
    const x = 10;
}
Ez lehetetlen, hiszen a const változó nem újradefiniálható semmilyen blokkban. Ezért fontos megérteni a különbségeket a var, let és const között a JavaScript-ben.

◀ Functions ▶

A funkciók egy alapvető eleme a JavaScript progamozásnak. Egy funkció egy újrafelhasználható kódrészlet, amely egy adott feladatot hajt végre. A funkciókat a "function" kulcsszóval definiáljuk, és paramétereket is megadhatunk nekik.

Például:

function greet(name)
{
    console.log( "Hello, " + name + "!");
}

Ebben a példában a "greet" nevű funkció egy "name" paramétert fogad, és visszaad egy üdvözlő üzenetet. A funkciókat később meghívhatjuk a nevük és a szükséges paraméterek megadásával. Pl.: ...onclick(greet("John"))

Összefoglalva, a változók és a funkciók alapvető építőkövei a JavaScript programozásnak, és megértésük elengedhetetlen a hatékony kódíráshoz.

Bővebben

Hozzárendelések

▶ List of events ◀

Minden funkciót, változtatást egy eseményhez kötöd. Ez gombnyomás, oldal betöltése, akár az egér rámutatása is lehet.
Ezeket az eseményeket a HTML-ben lehet megadni, például onclick, onload, onmouseover és sok egyéb. Ezek segítségével interaktív weboldalakat hozhatunk létre, amelyek reagálnak a felhasználói műveletekre.

▼ Onclick ▼

Az onclick esemény egy HTML elemhez rendelhető, hogy egy JavaScript függvényt hívjon meg, amikor az elemre kattintanak. Ez lehetővé teszi interaktív viselkedés létrehozását a weboldalon. Például:

function myFunction()
{
    alert("Hello World!");
}
❮button onclick="myFunction()"❯Példa❮/button❯

◀ Window Load ▶

A window.onload esemény egy JavaScript függvényt hív meg, amikor a teljes weboldal betöltődött. Ez biztosítja, hogy a függvény csak akkor fusson le, amikor az összes HTML elem és erőforrás elérhető. Például:

window.onload = function()
{
    alert("Page Loaded!");
}

◀ Mouse Hover ▶

A mouse hover esemény egy JavaScript függvényt hív meg, amikor az egérmutató egy HTML elem fölé kerül. Ez lehetővé teszi interaktív viselkedés létrehozását, amikor a felhasználó az elem fölé viszi az egeret. Például:

function hoverFunction()
{
    alert("Mouse Hovered!");
}
Hover this -❯ | Hover over me! | ❮- Hover this
❮span onmouseover="hoverFunction()"❯Hover over me!❮/span❯

Functions

▼ Main Functions ▼

A funkciók egy alapvető eleme a JavaScript progamozásnak. Egy funkció egy újrafelhasználható kódrészlet, amely egy adott feladatot hajt végre. A funkciókat a "function" kulcsszóval definiáljuk, és paramétereket is megadhatunk nekik.

Például:

function greet(name)
{
    console.log( "Hello, " + name + "!");
}

Ebben a példában a "greet" nevű funkció egy "name" paramétert fogad, és visszaad egy üdvözlő üzenetet. A funkciókat később meghívhatjuk a nevük és a szükséges paraméterek megadásával. Pl.: ...onclick(greet("John"))



Egy funkció név nélkül is létezhet. Erre nem lehet hivatkozni, de egyes funkciók így is tudnak működni.

Például:

window.onload = function(name)
{
    console.log( "Hello, " + name + "!");
}

◀ Pre-wrote Functions ▶

A JavaScript számos beépített függvényt kínál, amelyek különböző műveleteket hajtanak végre. Ezek a függvények megkönnyítik a fejlesztők munkáját, mivel nem kell újraírniuk az alapvető funkcionalitást.

Néhány példa a gyakran használt beépített függvényekre:

  • console.log(): Kiírja a konzolra a megadott értéket vagy üzenetet.
  • alert(): Megjelenít egy figyelmeztető üzenetet egy felugró ablakban.
  • parseInt(): Egy stringet egész számmá alakít át.
  • setTimeout(): Késleltetve hajt végre egy függvényt egy adott idő után.
  • Math.random(): Visszaad egy véletlenszerű számot 0 és 1 között.

Például:

settimeout(() => {
    alert("This message is delayed by 2 seconds!");
}, 2000);

HTML | Java script

HTML

Test Page

Copyright © System.Date.Current_Year.ParseString(out)
MINDEN JOG FENNTARTVA

Error: "MINDEN" cannot be null!