Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- document.getElementById('add-worker').addEventListener('click', addWorker);
- let firstName = document.getElementById('fname');
- let lastName = document.getElementById('lname');
- let email = document.getElementById('email');
- let birthday = document.getElementById('birth');
- let position = document.getElementById('position');
- let salary = document.getElementById('salary');
- let workers = document.getElementById('tbody');
- let sumSalaries = document.getElementById('sum');
- function addWorker() {
- let firstNameValue = firstName.value;
- let lastNameValue = lastName.value;
- let emailValue = email.value;
- let birthdayValue = birthday.value;
- let positionValue = position.value;
- let salaryValue = salary.value;
- if(!firstNameValue || !lastNameValue || !emailValue || !birthdayValue || !positionValue || !salaryValue) {
- return;
- }
- createDOMElements(firstNameValue, lastNameValue, emailValue, birthdayValue, positionValue, salaryValue);
- clearFormField();
- }
- function createDOMElements(firstNameValue, lastNameValue, emailValue, birthdayValue, positionValue, salaryValue) {
- let tr = document.createElement('tr');
- let tdFirstName = document.createElement('td');
- tdFirstName.textContent = `${firstNameValue}`;
- let tdLastName = document.createElement('td');
- tdLastName.textContent = `${lastNameValue}`;
- let tdEmail = document.createElement('td');
- tdEmail.textContent = `${emailValue}`;
- let tdBirthday = document.createElement('td');
- tdBirthday.textContent = `${birthdayValue}`;
- let tdPosition = document.createElement('td');
- tdPosition.textContent = `${positionValue}`;
- let tdSalary = document.createElement('td');
- tdSalary.textContent = `${salaryValue}`;
- sumSalaries += salaryValue;
- let firedBTN = document.createElement('button');
- firedBTN.classList.add('fired');
- firedBTN.textContent = 'Fired';
- firedBTN.addEventListener('click', function(e) {
- let currentWorker = e.target.parentElement;
- currentWorker.removeChild();
- sumSalaries -= salaryValue;
- });
- let editBTN = document.createElement('button');
- editBTN.classList.add('edit');
- editBTN.textContent = 'Edit';
- editBTN.addEventListener('click', function(e) {
- }) ;
- tr.appendChild(tdFirstName);
- tr.appendChild(tdLastName);
- tr.appendChild(tdEmail);
- tr.appendChild(tdBirthday);
- tr.appendChild(tdPosition);
- tr.appendChild(tdSalary);
- tr.appendChild(firedBTN);
- tr.appendChild(editBTN);
- workers.appendChild(tr);
- return tr;
- }
- function clearFormField() {
- description.value = '';
- clientName.value = '';
- clientPhone.value = '';
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement