workProcess

function solve() {
    const fname = document.getElementById('fname');
    const lname = document.getElementById('lname');
    const email = document.getElementById('email');
    const birth = document.getElementById('birth');
    const position = document.getElementById('position');
    const salary = document.getElementById('salary');

    const tbody = document.getElementById('tbody');
    const totalSum = document.getElementById('sum');

    const btnAdd = document.getElementById('add-worker');

    btnAdd.addEventListener('click', (ev) => {
        ev.preventDefault();
        if (
            !fname.value ||
            !lname.value ||
            !email.value ||
            !birth.value ||
            !position.value ||
            !salary.value
        ) {
            return;
        }

        let trNew = document.createElement('tr');

        let tdFname = document.createElement('td');
        tdFname.textContent = fname.value;
        trNew.appendChild(tdFname);
        let tdLname = document.createElement('td');
        tdLname.textContent = lname.value;
        trNew.appendChild(tdLname);
        let tdEmail = document.createElement('td');
        tdEmail.textContent = email.value;
        trNew.appendChild(tdEmail);
        let tdBirth = document.createElement('td');
        tdBirth.textContent = birth.value;
        trNew.appendChild(tdBirth);
        let tdPosition = document.createElement('td');
        tdPosition.textContent = position.value;
        trNew.appendChild(tdPosition);
        let tdSalary = document.createElement('td');
        tdSalary.textContent = salary.value;
        trNew.appendChild(tdSalary);

        totalSum.textContent = (
            Number(totalSum.textContent) + Number(tdSalary.textContent)
        ).toFixed(2);

        let tdBtns = document.createElement('td');
        let btnFired = document.createElement('button');
        btnFired.className = 'fired';
        btnFired.textContent = 'Fired';
        tdBtns.appendChild(btnFired);
        let btnEdit = document.createElement('button');
        btnEdit.className = 'edit';
        btnEdit.textContent = 'Edit';
        tdBtns.appendChild(btnEdit);
        trNew.appendChild(tdBtns);

        tbody.appendChild(trNew);
        fname.value = '';
        lname.value = '';
        email.value = '';
        birth.value = '';
        position.value = '';
        salary.value = '';

        btnEdit.addEventListener('click', (ev) => {
            fname.value = tdFname.textContent;
            lname.value = tdLname.textContent;
            email.value = tdEmail.textContent;
            birth.value = tdBirth.textContent;
            position.value = tdPosition.textContent;
            salary.value = Number(tdSalary.textContent);
            totalSum.textContent = (
                Number(totalSum.textContent) - Number(tdSalary.textContent)
            ).toFixed(2);

            tbody.removeChild(trNew);
        });

        btnFired.addEventListener('click', (ev) => {
            totalSum.textContent = (
                Number(totalSum.textContent) - Number(tdSalary.textContent)
            ).toFixed(2);

            tbody.removeChild(trNew);
        });
    });
}