Estoy aprendiendo javascript y me está costando mucho aprender la lógica detrás. Estoy tratando de hacer un temporizador pomodoro pero no puedo encontrar la manera de cambiar el tiempo cuando cambio la pestaña del botón a "romper". He estado tratando de hacer esto durante aproximadamente 5/6 días y me estoy quedando sin ideas y mi lógica simplemente no funciona.
En mi último intento, creé una función para ver si el elemento del botón de interrupción tenía una clase "activa" y cambiar el tiempo si lo tenía pero no funcionó.
function changeTimeBreak() { const breakTab = document.getElementsByClassName('break-tab') if (breakTab.hasClass('active')) { minutes = 10 updateCounterEl() return } }
Está utilizando el método .hasClass
de JQuery . Lo que debe usar es el método .contains
element.classList
de Javascript.
He editado tu función. Esto debería actualizar el reloj cuando el botón break-tab
está activo .
function changeTimeBreak() { let breakTab = document.getElementsByClassName('break-tab'); if (breakTab[0].classList.contains('active')) { minutes = 10; updateCounterEl(); } }