82 lines
2.2 KiB
JavaScript
82 lines
2.2 KiB
JavaScript
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); |