diff --git a/24_10_08/neveletkorszin.html b/24_10_08/neveletkorszin.html new file mode 100644 index 0000000..b02e249 --- /dev/null +++ b/24_10_08/neveletkorszin.html @@ -0,0 +1,20 @@ + + + + + + Document + + + +
+ Név:
+ Életkor:
+ Szín: +
+ +
+ +
+ + \ No newline at end of file diff --git a/24_10_08/neveletkorszin.js b/24_10_08/neveletkorszin.js new file mode 100644 index 0000000..59952f8 --- /dev/null +++ b/24_10_08/neveletkorszin.js @@ -0,0 +1,21 @@ +document.getElementById("mentes").addEventListener("click", function(){ + let nev = document.getElementById("nev"); + let eletkor = document.getElementById("eletkor"); + let szin = document.getElementById("szin"); + + if (nev.value != "", eletkor.value != ""){ + createDiv(nev, eletkor, szin); + console.log("OK"); + } else{ + alert("Rosszul megadott adat!"); + } + nev.value = null; + eletkor.value = null; +}); + +let createDiv = (nevObjektum, eletkorObjektum, szinObjektum) =>{ + let mentettadat = document.createElement("div"); + mentettadat.innerHTML = `${nevObjektum.value}, ${eletkorObjektum.value}`; + mentettadat.style.background = szinObjektum.value; + document.getElementById("mentettadatok").appendChild(mentettadat); +} \ No newline at end of file