From ee28149c8214ce1a67e4dfe3e5ccd3ed6ca2d24f Mon Sep 17 00:00:00 2001 From: Digi Date: Wed, 9 Oct 2024 19:24:36 +0200 Subject: [PATCH] finished neveletkorszin --- 24_10_08/neveletkorszin.html | 20 ++++++++++++++++++++ 24_10_08/neveletkorszin.js | 21 +++++++++++++++++++++ 2 files changed, 41 insertions(+) create mode 100644 24_10_08/neveletkorszin.html create mode 100644 24_10_08/neveletkorszin.js 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