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

button click background color change

Add Answer

Angry Armadillo answered on August 16, 2021 Popularity 9/10 Helpfulness 1/10

answer button click background color change

related change the button color on click

related change-button-color-onclick

related to change color on button click

related html background color change by clicking

related change the button color on click

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 button click javascript

Link to this answer
Share Copy Link

Contributed on Mar 10 2023

Angry Armadillo

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

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 whateve

Link to this answer
Share Copy Link

Contributed on Nov 07 2022

Arpan Dashore

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

html background color change by clicking

Comment

<html>
     <head>
       <title>this is coding</title>
       <center>
       <h1 align="center"><span style="background-color:#00FF00">this is a nice piece of art

Popularity 10/10 Helpfulness 3/10 Language html

Source: Grepper

Tags: background-color back

Link to this answer
Share Copy Link

Contributed on Jan 12 2022

Jittery Jay

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

button click background color change

Contents

More Related Answers

button click background color change

Closely Related Answers

change the button color on click

change-button-color-onclick

to change color on button click

html background color change by clicking

change the button color on click

change the button color on click

Grepper

Documentation

Social

Legal

Contact

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