Advertisement
Guest User

TimeConverter

a guest
Jun 28th, 2019
237
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function attachEventsListeners() {
  2.     function click() {
  3.         let labelElement = this.parentNode.querySelector('label');
  4.         let inputElement = this.parentNode.querySelector('input[type="text"');
  5.  
  6.         let inputValue = inputElement.value;
  7.  
  8.         let allInputAreas = document.querySelectorAll('input[type="text"]');
  9.  
  10.         let days = allInputAreas[0];
  11.         let hours = allInputAreas[1];
  12.         let minutes = allInputAreas[2];
  13.         let seconds = allInputAreas[3];
  14.  
  15.  
  16.         if (labelElement.textContent === 'Days: ') {
  17.             hours.value = inputValue * 24;
  18.             minutes.value = inputValue * 1440;
  19.             seconds.value = inputValue * 86400;
  20.         } else if (labelElement.textContent === 'Hours: ') {
  21.             days.value = parseFloat((inputValue / 24).toString());
  22.             minutes.value = inputValue * 60;
  23.             seconds.value = inputValue * 3600;
  24.         } else if (labelElement.textContent === 'Minutes: ') {
  25.             days.value = parseFloat((inputValue / 1440).toString());
  26.             hours.value = parseFloat((inputValue / 60).toString());
  27.             seconds.value = inputValue * 60;
  28.         } else {
  29.             days.value = parseFloat((inputValue / 86400).toString());
  30.             hours.value = parseFloat((inputValue / 3600).toString());
  31.             minutes.value = parseFloat((inputValue / 60).toString());
  32.         }
  33.  
  34.     }
  35.  
  36.     [...document.querySelectorAll('input[type="button"]')].forEach(btn => {
  37.         btn.addEventListener('click', click);
  38.     })
  39. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement