< Speciális

JavaScript nyelvhez kapcsolódó feladatok

Első rész

Feladat 001

Adott a következő kód. Szintaktikailag hibás. Keresse meg a hibákat.

document.getElementById("mehet")onclick = function() {
var szam = document.getElementById("pelda").value;
var dupla szam * 2;
document.getElementsById("pelda").value = dupla;
};

Feladat 002

document.getElementById("mehet").click = function() {
var alap = document.getElementById("alap").value;
var magassag = document.getElementById("magassag").value;
var terulet = alap * magassag / 2;
doc.getElementById("eredmeny").innerHTML(terulet);
}

Feladat 003

A következő weblap, fejlesztői konzolján a következőt látod:

Keresse meg a hibát.

<!DOCTYPE html> <html lang="hu"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="app.js" defer></script> </head> <body> <div class="container"> <div class="alap"> <label for="alap">Alap</label> <input type="text" id="alap"> </div> <div class="magassag"> <label for="magassag">Magasság</label> <input type="magassag"> </div> <button id="szamitGomb">Számít</button> <div id="eredmeny"></div> </div> </body> </html>
const alapElem = document.querySelector('#alap'); const magassagElem = document.querySelector('#magassag'); const szamitGomb = document.querySelector('#szamitGomb'); const eredmenyElem = document.querySelector('#eredmeny'); function szamolTerulet(alap, magassag) { return alap*magassag/2; } szamitGomb.addEventListener('click', () => { let alap = Number(alapElem.value); let magassag = Number(magassagElem.value); let terulet = szamolTerulet(alap, magassag); eredmenyElem.textContent = String(terulet); });