I want to change the color of the first Button, when I clicked on the second
Question
I am very new to coding. I found a inspiration and started making my website. I made a logo and 2 buttons, Shots and Designers. When I click on the first and the second button, they both change their color to white, but thats not what I want. I want that when I click on the second button, the first button change this color to start color (grey).I mean if button 2 clicked, change button 1 color to grey. Here is my code:
<head>
<title>Richis corner</title>
</head>
<head>
<style>
.rectangle {
height: 85px;
width: 4500px;
background-color: #242526;
margin-top: -43px;
margin-left: -8px;
}
.image {
margin-top: -147px;
margin-left: -50px;
}
.button1 {
font-family: Helvetica;
background: none;
color: grey;
border: none;
font-size: 18px;
outline: none;
}
</style>
</head>
<body>
<div class="rectangle"></div>
<img src=https://i.yapx.ru/Koe4kb.png" class="image">
<button style="margin:-37px -25px;position: absolute;" class="button1" id="demo" onclick="myButton()">
Shots</button>
<button style="margin:-37px 50px;position: absolute;" class="button1" id="demo2"
onclick="mysecondButton()"> Designers</button>
<script>
function myButton() {
document.getElementById("demo").style.color = "white";
}
function mysecondButton() {
document.getElementById("demo2").style.color = "white";
}
</script>
</body>```
2 answers
solution1
1 2021-01-21 11:42:31
Here is your change
<script> function myButton() { document.getElementById("demo").style.color = "white"; } function mysecondButton() { document.getElementById("demo").style.color = "grey"; } </script>
solution2
0 ACCPTED 2021-01-21 11:39:58
function myButton() {
document.getElementById("demo").style.color = "white";
}
function mysecondButton() {
document.getElementById("demo").style.color = "grey";
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
change the color of the button I clicked
How can I change an elements color when clicked a second time?
I want the CSS of a page to change when a button is clicked
How do I change the color of a span, when a specific button is clicked
How can I change the background color of a button when clicked?
I want to Change color of table when i click on button
i want to change the background color of a button once clicked and change again to original color once i click another button
How can i change an already clicked button, color, back to original when another button is clicked
when i clicked on button the border color change default in black color in html and css
How do I change the color of a button so that it changes to another color when its clicked using jQuery?
Related Tags