Advertisement
Guest User

Untitled

a guest
Jun 19th, 2019
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.37 KB | None | 0 0
  1. function solve() {
  2.  
  3. Array.from(document.getElementsByTagName('button')).forEach((btn) => {
  4. btn.addEventListener('click', changeStatus)
  5. });
  6.  
  7. let inputElements = document.getElementsByTagName('input');
  8.  
  9. let radioButtons = [];
  10.  
  11. for (i = 0; i < inputElements.length; i++) {
  12. if (inputElements[i].type === 'radio') {
  13. radioButtons.push(inputElements[i]);
  14. }
  15. }
  16.  
  17. radioButtons.forEach((btn) => {
  18. btn.addEventListener('click', buttonChangeStatus)
  19. });
  20.  
  21. function buttonChangeStatus(e) {
  22. let button = e.target;
  23.  
  24. let parent = button.parentNode;
  25.  
  26. button.checked = true;
  27.  
  28.  
  29. if (button.value === "lock") {
  30. parent.getElementsByTagName('input')[1].checked = false;
  31.  
  32. }
  33.  
  34. else if (button.value === "unlock") {
  35. parent.getElementsByTagName('input')[0].checked = false;
  36. }
  37.  
  38.  
  39. }
  40.  
  41. function changeStatus(e) {
  42. let button = e.target;
  43.  
  44. let parent = button.parentNode;
  45. let status = parent.getElementsByTagName('input')[0];
  46.  
  47. if (status.checked === false) {
  48.  
  49. if (button.textContent === "Show more") {
  50. let userNumber = parent.getElementsByTagName('input')[2].value;
  51. if (userNumber === 'First User') {
  52. let hiddenFields = document.getElementById('user1HiddenFields');
  53. hiddenFields.style.display = 'block';
  54. }
  55. else if (userNumber === 'Second User') {
  56. document.getElementById('user2HiddenFields').style.display = 'block';
  57. }
  58.  
  59. else {
  60. document.getElementById('user3HiddenFields').style.display = 'block';
  61. }
  62.  
  63. button.textContent = 'Hide it';
  64. }
  65.  
  66. else {
  67. let userNumber = parent.getElementsByTagName('input')[2].value;
  68. if (userNumber === 'First User') {
  69. let hiddenFields = document.getElementById('user1HiddenFields');
  70. hiddenFields.style.display = 'none';
  71. }
  72. else if (userNumber === 'Second User') {
  73. document.getElementById('user2HiddenFields').style.display = 'none';
  74. }
  75.  
  76. else {
  77. document.getElementById('user3HiddenFields').style.display = 'none';
  78. }
  79.  
  80. button.textContent = 'Show more';
  81. }
  82. }
  83. }
  84. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement