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);