class Henkilo {
    constructor(name, lastName, age, email) {
        this.name = name;
        this.lastName = lastName;
        this.age = age;
        this.email = email;
    }
    printHenkilo() {
        return this.name + " " + this.lastName + ", " + this.age + " : " + this.email;
    }
}

henkilot = [];

function harjoite() {
    let name = document.getElementById('name').value;
    let lastName = document.getElementById('lastName').value;
    let age = document.getElementById('age').value;
    let email = document.getElementById('email').value;
    newHenkilo = new Henkilo(name, lastName, age, email);
    let apu = newHenkilo.printHenkilo();
    henkilot.push(apu);

    return henkilot;
}

function makeUL(array) {
    let hLen = array.length;
    let item = document.createElement('li');
    item.appendChild(document.createTextNode(array[hLen-1]));
    document.getElementById('place2').appendChild(item);
    console.log(item);
}

function kooste() {
    harjoite();
    makeUL(henkilot);
}

document.addEventListener('click', (e) => {
    if (e.target.matches("LI")){
    let key = e.target;
    key.className += "remove";
    }
});

function poista() {
    let apuElementti = document.getElementsByClassName('remove');
    /*apuElementti[0].parentNode.removeChild(apuElementti[0]);*/
    while(apuElementti.length > 0) {
        apuElementti[0].parentNode.removeChild(apuElementti[0]);
        console.log(apuElementti[0]);
    }

}