Guest User

Untitled

a guest
Feb 7th, 2019
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.65 KB | None | 0 0
  1. function solve() {
  2.  
  3.  
  4. document.getElementsByTagName('button')[0].addEventListener('click', () => {
  5. event.preventDefault();
  6. let userName = document.querySelectorAll(".user-info input[type=text]")[0].value;
  7. let userEmail = document.querySelectorAll(".user-info input[type=text]")[1].value;
  8. let userPassword = document.querySelector(".user-info input[type=password]").value;
  9. let chks = Array.from(document.querySelectorAll("input[type='checkbox']:checked")).map(p => p.value);
  10.  
  11. let table = document.getElementsByTagName('table')[0].getElementsByTagName('tbody')[0];
  12. let row = document.createElement('tr');
  13. let name = document.createElement('td');
  14. name.innerHTML = userName;
  15. let email = document.createElement('td');
  16. email.innerHTML = userEmail;
  17. let topics = document.createElement('td');
  18. topics.innerHTML = chks.join(' ');
  19. row.appendChild(name);
  20. row.appendChild(email);
  21. row.appendChild(topics);
  22. table.appendChild(row);
  23.  
  24. })
  25. document.getElementsByTagName('button')[1].addEventListener('click', () => {
  26. event.preventDefault();
  27. let searchedString = document.querySelectorAll("input[type='text']")[2].value;
  28. let tds = Array.from(document.querySelectorAll('table tbody tr td'));
  29. console.log(tds);
  30.  
  31. for (const td of tds) {
  32. td.parentNode.style.visibility = 'hidden';
  33. }
  34. for (const td of tds) {
  35. if (td.textContent.includes(searchedString)) {
  36. td.parentNode.style.visibility = 'visible';
  37. }
  38.  
  39. }
  40. })
  41.  
  42. }
Add Comment
Please, Sign In to add comment