Téglalap

[[oktatas:web:javascript|< JavaScript]] ====== Űrlap elérése ====== * **Szerző:** Sallai András * Copyright (c) 2011, Sallai András * Licenc: GNU Free Documentation License 1.3 * Web: https://szit.hu ===== Űrlap példa ===== Teljes név:
Település:
Cím:
Telefon:
Érdeklődés:
nő férfi
jármű
===== Űrlap azonosítón keresztül ===== ==== onclick attribútum ====


function dupla() {
    let szam = document.getElementById('szam').value;
    alert(szam * 2);
}

==== EventListener ====


let duplaGomb = document.getElementById('duplaGomb');
let szamObj = document.getElementById('szam');

duplaGomb.addEventListener('click', function(){
    let szam = szamObj.value;
    alert(szam * 2);
});

==== Élő ==== Szám: ===== Űrlap a form elemen keresztül ===== ==== Paraméterként ==== Duplázás:


function dupla(urlap) {
    let szam = urlap.elements['szam'].value;
    alert(szam * 2);
}

==== Tulajdonság ====


function dupla() {
    let szam = urlap.szam.value;
    alert(szam * 2);
}

==== Tömb ====


function dupla() {
    let szam = document.forms['urlap']['szam'].value;
    alert(szam * 2);
}

===== Elérés azonosítokkal ===== ==== Duplázó ====


Szám:


document.getElementById("gomb").onclick = function(){
    let szam = document.getElementById("szam").value;
    let eredmeny = szam*2;
    document.getElementById("eredmeny").innerHTML = eredmeny;
};

==== Rádiógomb ====


 nő
 férfi


const nemNo = document.getElementById('nemNo');
const nemFerfi = document.getElementById('nemFerfi');

const mehetGomb = document.getElementById('mehetGomb');

mehetGomb.addEventListener('click', function(){
    console.log(nemFerfi.checked);
    if(nemFerfi.checked) {
        console.log('Férfi');
    }else if(nemNo.checked){
        console.log('Nő');
    }else {
        console.log('Nincs megjelölve');
    }
});

==== Checkbox ====


 Opel
 Ford


const opel = document.getElementById('opel');
const ford = document.getElementById('ford');

const mehetGomb = document.getElementById('mehetGomb');

mehetGomb.addEventListener('click', function(){
    if(opel.checked) {
        console.log('Opel');
    }
    if(ford.checked){
        console.log('Ford');
    }
});

===== Függelék ===== ==== Téglalap ====


function kerulet(){
    let a = document.teglalap.aoldal.value;
    let b = document.teglalap.boldal.value;
    document.teglalap.aoldal.value =  (eval(a) + eval(b)) * 2;
}
...


Téglalap
a oldal: 

b oldal:

==== Téglalap kerület ==== Kód:






Téglalap









Téglalap kerületszámítás
a oldal: 

b oldal:

Minta: ==== HTML elem vizsgálata ====



const gomb = document.querySelector('#gomb')

var csinal = () => {
    console.log('van')
}

if(gomb) {
    gomb.addEventListener('click', csinal)
}