Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

trocando botão com css

Como que eu faço para troca os botões usando css? Segue código:

  <div class="frenteDois container col-12 row">
          <div class="starButton ">
              <i class="fa fa-play-circle fa-2x" aria-hidden="true"></i>
          </div>
        <div class="cronometroDois col-2 text-center">
            08:00
        </div>

        </div>

código do render.js:

const {ipcRenderer} = require('electron');

let linkSobre = document.querySelector('#link-sobre');
let buttonPlay = document.querySelector('.fa-play-circle');

linkSobre.addEventListener('click', function(){
    ipcRenderer.send('abrir-janela-sobre');
});

let img = ['fa fa-play-circle fa-2x','fa fa-pause-circle fa-2x'];

buttonPlay.addEventListener('click', () =>{
  img = img.reverse();
    buttonPlay.getElementsByClassName( img[0] );
});
2 respostas

Oi Ítalo, não entendi o que quer fazer, pode me explicar melhor? Como assim trocar o botão?

solução

Olá Ítalo, a propriedade getElementsByClassName retorna um array de elementos. Se você só possui uma tag com essa classe, use :

buttonPlay.getElementsByClassName[0]( img[0] )

Se possui mais que uma tag usando a classe, você terá que saber em que posição do array ela se encontra. : ) Beleza Fera?

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software