47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
class Szemely {
|
|
constructor(vezeteknev,keresztnev,szuletesiev){
|
|
this.vezeteknev=vezeteknev,
|
|
this.keresztnev=keresztnev,
|
|
this.szuletesiev=szuletesiev
|
|
}
|
|
kor(){
|
|
return new Date().getFullYear()-this.szuletesiev;
|
|
}
|
|
}
|
|
|
|
let szemely1=new Szemely("Kiss","Endre",2001);
|
|
|
|
//Hogyan tudnánk a személy adatait egy weblapba beleírni?
|
|
|
|
let root=document.getElementById('root');
|
|
|
|
let vezeteknev=document.createElement('p');
|
|
|
|
let keresztnev=document.createElement('p');
|
|
|
|
let szuletesiEv=document.createElement('p');
|
|
|
|
const{vezeteknev:vnev,keresztnev:knev,szuletesiev:szulev}=szemely1;
|
|
|
|
vezeteknev.textContent=vnev;
|
|
keresztnev.textContent=knev;
|
|
szuletesiEv.textContent=szulev;
|
|
|
|
root.appendChild(vezeteknev);
|
|
root.appendChild(keresztnev);
|
|
root.appendChild(szuletesiEv);
|
|
|
|
let nevek=["Béla","Géza","Ella","Janka","Ferenc"];
|
|
|
|
//Ezek a nevek egy felsorolásban jelenjenek meg a HTML dokumentumban!
|
|
//'ul': lista
|
|
//'li': listaelem
|
|
let lista=document.createElement('ul');
|
|
|
|
for (let i = 0; i < nevek.length; i++) {
|
|
let listaElem=document.createElement('li');
|
|
listaElem.textContent=nevek[i];
|
|
lista.appendChild(listaElem);
|
|
}
|
|
|
|
root.appendChild(lista); |