From d80a95a395b492cfc680175bbca5939d2d400544 Mon Sep 17 00:00:00 2001 From: kovagoadi Date: Wed, 15 Apr 2026 22:07:56 +0200 Subject: [PATCH] Added files for 1. ZH --- index.html | 63 +++++++++++++++++++++++++++++++++++++++++ script.js | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 22 +++++++++++++++ 3 files changed, 167 insertions(+) create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..99dcd11 --- /dev/null +++ b/index.html @@ -0,0 +1,63 @@ + + + + + + Document + + + + +

Jó lesz oldal

+ + + + + +
+ +
+ +
+ +
+ + + + + + + + + + +
+ + + + kép + +
+
Card title
+

Some quick example text to build on the card title and make up the bulk of the card’s content.

+ Go somewhere +
+
+
+ + + + + + + + +

asd

asd2

+ + + + + +

asdasdasdfgnjdgndjk

+ + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..010fcf6 --- /dev/null +++ b/script.js @@ -0,0 +1,82 @@ +let json = { + "companies": [ + { + "name": "TechCorp", + "location": "Budapest", + "employees": [ + { + "id": 1, + "name": "Alice", + "email": "alice@email.com" + }, + { + "id": 2, + "name": "Bob", + "email": "bob@email.com" + } + ] + }, + { + "name": "DesignHub", + "location": "Vienna", + "employees": [ + { + "id": 1, + "name": "Alice", + "email": "alice@email.com" + }, + { + "id": 3, + "name": "Emma", + "email": "emma@email.com" + } + ] + } + ] +} + +LoadEmployees(json); + +function LoadEmployees(data) { + let parent = document.getElementById("employees"); + employees.innerHTML = ''; + data.companies.forEach(company => { + let companydiv = document.createElement("div"); + let description = document.createElement("h2"); + description.innerHTML = company.name + "Employees:"; + companydiv.appendChild(description); + company.employees.forEach(person => { + let employeediv = document.createElement("div"); + let employeedesc = document.createElement("p"); + employeedesc.innerHTML = person.name + ' (' + person.email + ')'; + employeediv.appendChild(employeedesc); + companydiv.appendChild(employeediv); + }); + parent.appendChild(companydiv); + }); +} + +function SaveEmployee() { + let name = document.getElementById('nev').value; + let email = document.getElementById('email').value; + json.companies[1].employees.push({id: 43, name: name, email: email}); + LoadEmployees(json); +} + +document.getElementById('submit').addEventListener("click", SaveEmployee); + +console.log(json.companies.filter(x => x.employees.length > 1).length); + +console.log(json.companies.filter(x => x.name.startsWith('T')).map(x => x.name)); + + + +console.log(json.companies.reduce((sum, company) => sum + company.employees.length, 0) / json.companies.length); + + +function Sotetites() { + let hatter = document.querySelector("body"); + hatter.classList.toggle("sotet"); +} + +document.getElementById('sotet').addEventListener("click", Sotetites); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..c0fc9de --- /dev/null +++ b/style.css @@ -0,0 +1,22 @@ +.kep { + border-radius: 30px; +} + +.kep:hover { + border-radius: 100px; +} + +img { + border: 100px; +} + +#szoveges { + border: 20px solid orange; + padding: 10px 20px 30px 40px; + /* TOP RIGHT BOTTOM LEFT */ + margin: 40px 30px 20px 10px; +} + +.sotet { + background-color: #777; +} \ No newline at end of file