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

javascript change color of button onclick

Add Answer

Harishankar Prajapati answered on May 14, 2020 Popularity 1/10 Helpfulness 1/10

answer javascript change color of button onclick

related javascript change color of button

related onclick change text color javascript

related Change a Button's color onClick (every time) using JS

related change the button color on click

related javascript-change color onclick()

related change-button-color-onclick

related to change color on button click

related Change a Button's color onClick (every time) using JS

related change the button color on click

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

Closely Related Answers

javascript change color of button

Comment

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

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Nov 13 2020

Tartaud

0 Answers Avg Quality 2/10

onclick change text color javascript

Comment

<script>

    document.getElementById('change').onclick = changeColor;   

    function changeColor() {
        document.body.style.color = "purple";
        return false;
    }   

</script>

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 14 2020

Smoggy Salmon

0 Answers Avg Quality 2/10

Change a Button's color onClick (every time) using JS

Comment

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

btn.addEventListener('click', function onClick() {
  btn.style.backgroundColor = 'salmon';
  btn.style.color = 'white';
});

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: bobbyhadz.com

Tags: javascript onclick on

Link to this answer
Share Copy Link

Contributed on Nov 23 2022

Shy Sheep

0 Answers Avg Quality 2/10

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

javascript-change color onclick()

Comment

const btn = document.querySelector('button');

function random(number) {
  return Math.floor(Math.random() * (number+1));
}

btn.onclick = function() {
  const rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
  document.body.style.backgroundColor = rndCol;
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 29 2021

Blushing Batfish

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

Change a Button's color onClick (every time) using JS

Comment

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>

  <body>
    <button id="btn">Button</button>

    <script src="index.js"></script>
  </body>
</html>

Popularity 6/10 Helpfulness 2/10 Language whatever

Source: bobbyhadz.com

Tags: onclick using whatever

Link to this answer
Share Copy Link

Contributed on Nov 23 2022

Shy Sheep

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

Contents

More Related Answers

javascript change color of button onclick

Closely Related Answers

javascript change color of button

onclick change text color javascript

Change a Button's color onClick (every time) using JS

change the button color on click

javascript-change color onclick()

change-button-color-onclick

to change color on button click

Change a Button's color onClick (every time) using JS

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.