Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function attachEventsListeners() {
- const buttons = document.querySelectorAll('input[type="button"]');
- const inputFields = {
- days: document.getElementById("days"),
- hours: document.getElementById("hours"),
- minutes: document.getElementById("minutes"),
- seconds: document.getElementById("seconds"),
- };
- for (let i = 0; i < buttons.length; i++) {
- buttons[i].addEventListener('click', function () {
- const inputValue = Number(inputFields[buttons[i].id.replace("Btn", "")].value);
- const inputUnit = buttons[i].id.replace("Btn", "");
- const conversionFactors = {
- days: { hours: 24, minutes: 1440, seconds: 86400 },
- hours: { days: 1 / 24, minutes: 60, seconds: 3600 },
- minutes: { days: 1 / 1440, hours: 1 / 60, seconds: 60 },
- seconds: { days: 1 / 86400, hours: 1 / 3600, minutes: 1 / 60 },
- };
- for (const unit in inputFields) {
- if (unit !== inputUnit) {
- inputFields[unit].value = (inputValue * conversionFactors[inputUnit][unit]);
- }
- }
- });
- }
- }
- OR
- function attachEventsListeners() {
- const daysInput = document.getElementById("days");
- const hoursInput = document.getElementById("hours");
- const minutesInput = document.getElementById("minutes");
- const secondsInput = document.getElementById("seconds");
- document.getElementById("daysBtn").addEventListener("click", () => {
- const days = parseFloat(daysInput.value);
- hoursInput.value = days * 24;
- minutesInput.value = days * 24 * 60;
- secondsInput.value = days * 24 * 60 * 60;
- });
- document.getElementById("hoursBtn").addEventListener("click", () => {
- const hours = parseFloat(hoursInput.value);
- daysInput.value = hours / 24;
- minutesInput.value = hours * 60;
- secondsInput.value = hours * 60 * 60;
- });
- document.getElementById("minutesBtn").addEventListener("click", () => {
- const minutes = parseFloat(minutesInput.value);
- daysInput.value = minutes / (24 * 60);
- hoursInput.value = minutes / 60;
- secondsInput.value = minutes * 60;
- });
- document.getElementById("secondsBtn").addEventListener("click", () => {
- const seconds = parseFloat(secondsInput.value);
- daysInput.value = seconds / (24 * 60 * 60);
- hoursInput.value = seconds / (60 * 60);
- minutesInput.value = seconds / 60;
- });
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement