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.

index.html

<!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>

app.js

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);
});