function selectPomodoro() {
    document.querySelector('.pomodoro').classList.add("selected");                                          //Adiciona a classe selected do item pomodoro
    document.querySelector('.shortBreak').classList.remove("selected");                                     //Remove a classe selected do item shortBreak
    document.querySelector('.longBreak').classList.remove("selected");                                      //Remove a classe selected do item longBreak
    document.querySelector('#minute').innerHTML = "25";                                                     //Altera o minuto para 25
    document.querySelector('body').style.backgroundColor = "var(--cor0)";                                   //Define a cor do body
    document.querySelector('.container').style.backgroundColor = "var(--cor1)";                             //Define a cor do container
    document.querySelector('.selected').style.backgroundColor = "var(--cor3)";                              //Define a cor do menu selecionado
    document.querySelector(".start").style.backgroundColor = "var(--cor3)";                                 //Define a cor do botão Iniciar
    document.querySelector(".pause").style.backgroundColor = "var(--cor3)";                                 //Define a cor do botão Pausar
    document.querySelector(".stop").style.backgroundColor = "var(--cor3)";                                  //Define a cor do botão Parar
    document.querySelector('.longBreak').style.removeProperty("background-color");                          //Remove o fundo do menu Descanso Longo
    document.querySelector('.shortBreak').style.removeProperty("background-color");                         //Remove o fundo do menu Descanso curto
    stopTimer(); 
}
//Evento de click nos itens do menu Descanso Longo
Evento de click nos itens do menu Descanso Longo
Evento de click nos itens do menu Descanso Longo
function selectPomodoro() {
    document.querySelector('.pomodoro').classList.add("selected");                                          
    document.querySelector('.shortBreak').classList.remove("selected");                                     
    document.querySelector('.longBreak').classList.remove("selected");                                      
    document.querySelector('#minute').innerHTML = "25";                                                     
    document.querySelector('body').style.backgroundColor = "var(--cor0)";                                   
    document.querySelector('.container').style.backgroundColor = "var(--cor1)";                             
    document.querySelector('.selected').style.backgroundColor = "var(--cor3)";                              
    document.querySelector(".start").style.backgroundColor = "var(--cor3)";                                 
    document.querySelector(".pause").style.backgroundColor = "var(--cor3)";                                 
    document.querySelector(".stop").style.backgroundColor = "var(--cor3)";                                  
    document.querySelector('.longBreak').style.removeProperty("background-color");                          
    document.querySelector('.shortBreak').style.removeProperty("background-color");                         
    stopTimer(); 
}
function selectPomodoro ( ) { document . querySelector ( '.pomodoro' ) . classList . add ( "selected" ) ; document . querySelector ( '.shortBreak' ) . classList . remove ( "selected" ) ; document . querySelector ( '.longBreak' ) . classList . remove ( "selected" ) ; document . querySelector ( '#minute' ) . innerHTML = "25" ; document . querySelector ( 'body' ) . style . backgroundColor = "var(--cor0)" ; document . querySelector ( '.container' ) . style . backgroundColor = "var(--cor1)" ; document . querySelector ( '.selected' ) . style . backgroundColor = "var(--cor3)" ; document . querySelector ( ".start" ) . style . backgroundColor = "var(--cor3)" ; document . querySelector ( ".pause" ) . style . backgroundColor = "var(--cor3)" ; document . querySelector ( ".stop" ) . style . backgroundColor = "var(--cor3)" ; document . querySelector ( '.longBreak' ) . style . removeProperty ( "background-color" ) ; document . querySelector ( '.shortBreak' ) . style . removeProperty ( "background-color" ) ; stopTimer ( ) ; }
Evento de click nos itens do menu Descanso Longo
Evento de click nos itens do menu Descanso Longo
//Adiciona a classe selected do item pomodoro //Remove a classe selected do item shortBreak //Remove a classe selected do item longBreak //Altera o minuto para 25 //Define a cor do body //Define a cor do container //Define a cor do menu selecionado //Define a cor do botão Iniciar //Define a cor do botão Pausar //Define a cor do botão Parar //Remove o fundo do menu Descanso Longo //Remove o fundo do menu Descanso curto