Skip to main content
Pergunta fechada como "Precisa de detalhes ou esclarecimentos" por Augusto Vasques, Darlei Fernando Zillmer, hugocsl, Icaro Martins, Denis Rudnei de Souza

consegui mudar a cor do botão no inicio da execução da repetição, entretanto não sei como fazer o botão voltar a cor original ao final.

     let interval = setInterval(function () {
                    if (i1 > 15) {
                        return clearInterval(interval)
                    }

                    document.getElementById(i1).style.backgroundColor = ' red '
 

                    if (notas1[i1] === 1) {
                        C_Teclado.play();
 
                    } else if (notas1[i1] === 2) {
                        CS_Teclado.play();
                        console.log("2");
                    } else if (notas1[i1] === 3) {
                        D_Teclado.play();
                        console.log("3");                    
                    } else {
                        SomVazio.play();
                        console.log("13");
 
                    }

 
                    i1++
                }, 1000)

consegui mudar a cor do botão no inicio da execução da repetição, entretanto não sei como fazer o botão voltar a cor original ao final.

     let interval = setInterval(function () {
                    if (i1 > 15) {
                        return clearInterval(interval)
                    }

                    document.getElementById(i1).style.backgroundColor = ' red '
 

                    if (notas1[i1] === 1) {
                        C_Teclado.play();
 
                    } else if (notas1[i1] === 2) {
                        CS_Teclado.play();
                        console.log("2");
                    } else if (notas1[i1] === 3) {
                        D_Teclado.play();
                        console.log("3");                    
                    } else {
                        SomVazio.play();
                        console.log("13");
 
                    }

 
                    i1++
                }, 1000)

consegui mudar a cor do botão no inicio da execução da repetição, entretanto não sei como fazer o botão voltar a cor original ao final.

let interval = setInterval(function () {
  if (i1 > 15) {
    return clearInterval(interval)
  }

  document.getElementById(i1).style.backgroundColor = ' red '

  if (notas1[i1] === 1) {
    C_Teclado.play();
  } else if (notas1[i1] === 2) {
    CS_Teclado.play();
    console.log("2");
  } else if (notas1[i1] === 3) {
    D_Teclado.play();
    console.log("3");                    
  } else {
    SomVazio.play();
    console.log("13");
  }
    i1++
}, 1000)
Fonte Link

Gostaria de saber como mudar a cor de um botão por 1 segundo e depois voltar a cor original automaticamente

consegui mudar a cor do botão no inicio da execução da repetição, entretanto não sei como fazer o botão voltar a cor original ao final.

     let interval = setInterval(function () {
                    if (i1 > 15) {
                        return clearInterval(interval)
                    }

                    document.getElementById(i1).style.backgroundColor = ' red '


                    if (notas1[i1] === 1) {
                        C_Teclado.play();

                    } else if (notas1[i1] === 2) {
                        CS_Teclado.play();
                        console.log("2");
                    } else if (notas1[i1] === 3) {
                        D_Teclado.play();
                        console.log("3");                    
                    } else {
                        SomVazio.play();
                        console.log("13");

                    }


                    i1++
                }, 1000)