szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:programozás:feladatok:speciális| < 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.

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

</code>
===== Feladat 002 =====

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


===== Feladat 003 =====

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

{{:oktatas:programozas:feladatok:specialis:feladat03.png|}}


Keresse meg a hibát.

<code html 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>
</code>


<code javascript 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);
});
</code>