Breaking News: Grepper is joining You.com. Read the official announcement!

change-button-color-onclick

Add Answer

Arpan Dashore answered on August 16, 2021 Popularity 9/10 Helpfulness 3/10

answer change-button-color-onclick

related change the button color on click

related to change color on button click

related change the button color on click

related javascript change color of button onclick

related button click background color change

change-button-color-onclick

Comment

const btn = document.getElementById('btn');

let index = 0;

const colors = ['salmon', 'green', 'blue', 'purple'];

btn.addEventListener('click', function onClick() {
  btn.style.backgroundColor = colors[index];
  btn.style.color = 'white';

  index = index >= colors.length - 1 ? 0 : index + 1;
});

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: bobbyhadz.com

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Nov 07 2022

Arpan Dashore

0 Answers Avg Quality 2/10

Closely Related Answers

change the button color on click

Comment

button:active{
  background-color:green;
}

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Lonely Lyrebird

0 Answers Avg Quality 2/10

to change color on button click

Comment

function btnRed() {
  document.getElementById("Div1").style.backgroundColor="Red";
}
function btnGreen() {
  document.getElementById("Div2").style.backgroundColor="Green";
}
function btnBlue() {
  document.getElementById("Div3").style.backgroundColor="Blue";
}
function btnReset() {
  document.getElementById("Div1").style.backgroundColor="Black";
  document.getElementById("Div2").style.backgroundColor="white";
  document.getElementById("Div3").style.backgroundColor="white";
}

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Aug 09 2022

Healthy Herring

0 Answers Avg Quality 2/10

change the button color on click

Comment

shivansh making buttons

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: button click whatever

Link to this answer
Share Copy Link

Contributed on Sep 19 2021

Glorious Gnu

0 Answers Avg Quality 2/10

change the button color on click

Comment

making background

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: button click whatever

Link to this answer
Share Copy Link

Contributed on Sep 19 2021

Glorious Gnu

0 Answers Avg Quality 2/10

javascript change color of button onclick

Comment

document.getElementById("button").style.background='#000000';

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: button javascript onclick

Link to this answer
Share Copy Link

Contributed on Feb 28 2022

Harishankar Prajapati

0 Answers Avg Quality 2/10

javascript change color of button onclick

Comment

rttrt
4545
y4
y4

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: button javascript onclick

Link to this answer
Share Copy Link

Contributed on May 17 2022

Malik Hamza

0 Answers Avg Quality 2/10

button click background color change

Comment

EASY

 $('#kaufen').click(function() {
    $(this).toggleClass('bg-crimson');
  });
  
 //css
  .bg-crimson {
    background-color: white;
    color: #092348 !important;
}

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: background-color back

Link to this answer
Share Copy Link

Contributed on Mar 10 2023

its_me_dev

0 Answers Avg Quality 2/10

change-button-color-onclick

Contents

More Related Answers

change-button-color-onclick

Closely Related Answers

change the button color on click

to change color on button click

change the button color on click

change the button color on click

javascript change color of button onclick

javascript change color of button onclick

button click background color change

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.