2. gyakorlat – JavaScript bevezető

Témakörök

• JavaScript alapok: változók, típusok, operátorok
• Függvények és scope
• DOM manipuláció
• Eseménykezelés

Változók és típusok

A JavaScript három kulcsszót kínál változók deklarálásához:

// const – nem változtatható referencia
const PI = 3.14159;

// let – változtatható referencia, blokk szintű
let count = 0;
count = 1; // OK

// var – kerülendő, függvény szintű scope
var oldStyle = "ne használd";

DOM manipuláció

A Document Object Model (DOM) segítségével a JavaScript képes módosítani a weboldal tartalmát:

// Elem kiválasztása
const btn = document.querySelector('#my-button');

// Eseménykezelő hozzáadása
btn.addEventListener('click', () => {
  // Új elem létrehozása
  const p = document.createElement('p');
  p.textContent = 'Kattintottál!';
  document.body.appendChild(p);
});

Arrow function vs hagyományos függvény

// Hagyományos függvény
function add(a, b) {
  return a + b;
}

// Arrow function
const multiply = (a, b) => a * b;

// Array metódusokkal
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(n => n * 2);
console.log(doubled); // [2, 4, 6, 8, 10]

Házi feladat

Készíts egy egyszerű számológépet, amely a négy alapműveletet támogatja.