Advertisement
AngelKejov

Untitled

Oct 17th, 2022
720
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.     document.getElementById('add-worker').addEventListener('click', addWorker);
  3.  
  4.     let firstName = document.getElementById('fname');
  5.     let lastName = document.getElementById('lname');
  6.     let email = document.getElementById('email');
  7.     let birthday = document.getElementById('birth');
  8.     let position = document.getElementById('position');
  9.     let salary = document.getElementById('salary');
  10.     let workers = document.getElementById('tbody');
  11.     let sumSalaries = document.getElementById('sum');
  12.  
  13.     function addWorker() {
  14.         let firstNameValue = firstName.value;
  15.         let lastNameValue = lastName.value;
  16.         let emailValue = email.value;
  17.         let birthdayValue = birthday.value;
  18.         let positionValue = position.value;
  19.         let salaryValue = salary.value;
  20.  
  21.         if(!firstNameValue || !lastNameValue || !emailValue || !birthdayValue || !positionValue || !salaryValue) {
  22.             return;
  23.         }
  24.  
  25.         createDOMElements(firstNameValue, lastNameValue, emailValue, birthdayValue, positionValue, salaryValue);
  26.         clearFormField();
  27.     }
  28.  
  29.     function createDOMElements(firstNameValue, lastNameValue, emailValue, birthdayValue, positionValue, salaryValue) {
  30.         let tr = document.createElement('tr');
  31.  
  32.         let tdFirstName = document.createElement('td');
  33.         tdFirstName.textContent = `${firstNameValue}`;
  34.  
  35.         let tdLastName = document.createElement('td');
  36.         tdLastName.textContent = `${lastNameValue}`;
  37.  
  38.         let tdEmail = document.createElement('td');
  39.         tdEmail.textContent = `${emailValue}`;
  40.  
  41.         let tdBirthday = document.createElement('td');
  42.         tdBirthday.textContent = `${birthdayValue}`;
  43.  
  44.         let tdPosition = document.createElement('td');
  45.         tdPosition.textContent = `${positionValue}`;
  46.  
  47.         let tdSalary = document.createElement('td');
  48.         tdSalary.textContent = `${salaryValue}`;
  49.         sumSalaries += salaryValue;
  50.  
  51.         let firedBTN = document.createElement('button');
  52.         firedBTN.classList.add('fired');
  53.         firedBTN.textContent = 'Fired';
  54.         firedBTN.addEventListener('click', function(e) {
  55.             let currentWorker = e.target.parentElement;
  56.             currentWorker.removeChild();
  57.             sumSalaries -= salaryValue;
  58.         });
  59.  
  60.         let editBTN = document.createElement('button');
  61.         editBTN.classList.add('edit');
  62.         editBTN.textContent = 'Edit';
  63.         editBTN.addEventListener('click', function(e) {
  64.            
  65.         }) ;
  66.  
  67.         tr.appendChild(tdFirstName);
  68.         tr.appendChild(tdLastName);
  69.         tr.appendChild(tdEmail);
  70.         tr.appendChild(tdBirthday);
  71.         tr.appendChild(tdPosition);
  72.         tr.appendChild(tdSalary);
  73.         tr.appendChild(firedBTN);
  74.         tr.appendChild(editBTN);
  75.         workers.appendChild(tr);
  76.         return tr;
  77.     }
  78.  
  79.     function clearFormField() {
  80.         description.value = '';
  81.         clientName.value = '';
  82.         clientPhone.value = '';
  83.     }
  84. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement