neZnam121

Untitled

Feb 19th, 2022
49
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
C# 3.98 KB | None | 0 0
  1. function solve() {
  2.     const firstNameElement=document.getElementById('fname');
  3.     const lastNameElement=document.getElementById('lname');
  4.     const emailElement=document.getElementById('email');
  5.     const birthElement=document.getElementById('birth');
  6.     const positionElement=document.getElementById('position');
  7.     const salaryElement=document.getElementById('salary');
  8.     const addButtonElement=document.getElementById('add-worker');
  9.     const tableBodyElment=document.getElementById('tbody');
  10.     const spanMessageElement=document.getElementById('sum');
  11.  
  12.  
  13.    
  14.    
  15.     addButtonElement.addEventListener('click', (e) => {
  16.         e.preventDefault();
  17.         let firstName=firstNameElement.value
  18.         let lastName=lastNameElement.value
  19.         let email=emailElement.value
  20.         let birth=birthElement.value
  21.         let position=positionElement.value
  22.         let salary=Number(salaryElement.value)
  23.  
  24.         // if(!firstNameElement && !lastNameElement && !emailElement && !birthElement && !positionElement && !salaryElement){
  25.         //     return
  26.         // }
  27.  
  28.         firstNameElement.value='';
  29.         lastNameElement.value='';
  30.         emailElement.value='';
  31.         birthElement.value='';
  32.         positionElement.value='';
  33.         salaryElement.value='';
  34.        
  35.         let tableRowElement=document.createElement('tr');
  36.         let firstNameCellElemnt=document.createElement('td');
  37.         let lastNameCellElemnt=document.createElement('td');
  38.         let emailCellElemnt=document.createElement('td');
  39.         let birthCellElemnt=document.createElement('td');
  40.         let positionCellElemnt=document.createElement('td');
  41.         let salaryCellElemnt=document.createElement('td');
  42.         let acctionElement=document.createElement('td');
  43.         let firedButtonElement=document.createElement('button');
  44.         let editButtonElement=document.createElement('button');
  45.        
  46.        
  47.         firstNameCellElemnt.textContent=firstName;
  48.         lastNameCellElemnt.textContent=lastName;
  49.         emailCellElemnt.textContent=email;
  50.         birthCellElemnt.textContent=birth;
  51.         positionCellElemnt.textContent=position;
  52.         salaryCellElemnt.textContent=salary;
  53.  
  54.         firedButtonElement.textContent='Fired ';
  55.         firedButtonElement.classList.add('fired');
  56.         firedButtonElement.addEventListener('click', (e)=>{
  57.             tableRowElement.remove();
  58.             let currentsalary=Number(spanMessageElement.textContent);
  59.             spanMessageElement.textContent=(currentsalary-salary).toFixed(2);
  60.         })
  61.  
  62.         editButtonElement.textContent='Edit';
  63.         editButtonElement.classList.add('edit');
  64.         editButtonElement.addEventListener('click', (e)=>{
  65.             firstNameElement.value=firstNameCellElemnt.textContent
  66.             lastNameElement.value=lastNameCellElemnt.textContent;
  67.             emailElement.value=emailCellElemnt.textContent;
  68.             birthElement.value=birthCellElemnt.textContent;
  69.             positionElement.value=positionCellElemnt.textContent;
  70.             salaryElement.value=salaryCellElemnt.textContent;
  71.  
  72.             tableRowElement.remove();
  73.             let currentsalary=Number(spanMessageElement.textContent);
  74.             spanMessageElement.textContent=(currentsalary-salary).toFixed(2);
  75.         })
  76.  
  77.  
  78.         let currentsalary=Number(spanMessageElement.textContent);
  79.         spanMessageElement.textContent=(currentsalary+salary).toFixed(2)
  80.  
  81.  
  82.         acctionElement.appendChild(firedButtonElement);
  83.         acctionElement.appendChild(editButtonElement);
  84.  
  85.  
  86.         tableRowElement.appendChild(firstNameCellElemnt);
  87.         tableRowElement.appendChild(lastNameCellElemnt);
  88.         tableRowElement.appendChild(emailCellElemnt);
  89.         tableRowElement.appendChild(birthCellElemnt);
  90.         tableRowElement.appendChild(positionCellElemnt);
  91.         tableRowElement.appendChild(salaryCellElemnt);
  92.         tableRowElement.appendChild(acctionElement);
  93.  
  94.         tableBodyElment.appendChild(tableRowElement);
  95.  
  96.     })
  97. }
Advertisement
Add Comment
Please, Sign In to add comment