Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- let allInputFields = document.getElementsByTagName('input');
- allInputFields = Array.from(allInputFields);
- let hireWorkerButton = document.getElementById('add-worker');
- let tableBody = document.getElementById('tbody');
- let spanElement = document.getElementById('sum');
- let addedInformation = {};
- hireWorkerButton.addEventListener('click', (e) => {
- let arrOfInpValues = [];
- let bool = true;
- for (let el of allInputFields) {
- arrOfInpValues.push(el.value);
- }
- arrOfInpValues.forEach(el => el === '' ? bool = false : false);
- if (bool) {
- let buttonFired = document.createElement('button');
- let buttonEdit = document.createElement('button');
- buttonFired.textContent = 'Fired';
- buttonFired.classList.add('fired');
- buttonEdit.textContent = 'Edit';
- buttonEdit.classList.add('edit');
- let tdElement1 = document.createElement('td');
- let tdElement2 = document.createElement('td');
- let tdElement3 = document.createElement('td');
- let tdElement4 = document.createElement('td');
- let tdElement5 = document.createElement('td');
- let tdElement6 = document.createElement('td');
- let tdElement7 = document.createElement('td');
- let trElement = document.createElement('tr');
- tdElement1.textContent = arrOfInpValues[0];
- tdElement2.textContent = arrOfInpValues[1];
- tdElement3.textContent = arrOfInpValues[2];
- tdElement4.textContent = arrOfInpValues[3];
- tdElement5.textContent = arrOfInpValues[4];
- tdElement6.textContent = arrOfInpValues[5];
- tdElement7.appendChild(buttonFired);
- tdElement7.appendChild(buttonEdit);
- let arrTdEl = [tdElement1, tdElement2, tdElement3, tdElement4, tdElement5, tdElement6];
- for (let el of arrTdEl) {
- trElement.appendChild(el);
- }
- trElement.appendChild(tdElement7);
- tableBody.appendChild(trElement);
- spanElement.textContent = Number(spanElement.textContent) + Number(tdElement6.textContent);
- spanElement.textContent = Number(spanElement.textContent).toFixed(2);
- buttonEdit.addEventListener('click', (e) => {
- let curTr = e.currentTarget.parentNode.parentNode;
- curTr = curTr.querySelectorAll('td');
- curTr = Array.from(curTr);
- curTr.pop();
- curTr.forEach((td, i) => {
- allInputFields[i].value = td.textContent;
- });
- spanElement.textContent = Number(spanElement.textContent) - Number(curTr[curTr.length - 1].textContent);
- spanElement.textContent = Number(spanElement.textContent).toFixed(2);
- e.currentTarget.parentNode.parentNode.remove();
- });
- buttonFired.addEventListener('click', (e) => {
- let curTr = e.currentTarget.parentNode.parentNode;
- curTr = curTr.querySelectorAll('td');
- curTr = Array.from(curTr);
- curTr.pop();
- spanElement.textContent = Number(spanElement.textContent) - Number(curTr[curTr.length - 1].textContent);
- spanElement.textContent = Number(spanElement.textContent).toFixed(2);
- e.currentTarget.parentNode.parentNode.remove();
- });
- allInputFields.forEach(el => el.value = '');
- }
- event.preventDefault();
- });
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement