当我点击第二个按钮时，我想更改第一个按钮的颜色

Question

我对编码很陌生。 我找到了灵感并开始制作我的网站。 我做了一个标志和 2 个按钮，镜头和设计师。 当我单击第一个和第二个按钮时，它们都将颜色更改为白色，但这不是我想要的。 我希望当我单击第二个按钮时，第一个按钮将此颜色更改为开始颜色（灰色）。我的意思是如果单击按钮 2，将按钮 1 的颜色更改为灰色。 这是我的代码：

 <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>```

Answer 1

这是找你的零钱

 <script> function myButton() { document.getElementById("demo").style.color = "white"; } function mysecondButton() { document.getElementById("demo").style.color = "grey"; } </script>

Answer 2

function myButton() {
  document.getElementById("demo").style.color = "white";
}
function mysecondButton() {
  document.getElementById("demo").style.color = "grey";
}

当我点击第二个按钮时，我想更改第一个按钮的颜色

问题描述

2 个解决方案

解决方案1
1 2021-01-21 11:42:31

解决方案2
0 已采纳 2021-01-21 11:39:58

当我点击第二个按钮时，我想更改第一个按钮的颜色

问题描述

2 个解决方案

解决方案1 1 2021-01-21 11:42:31

解决方案2 0 已采纳 2021-01-21 11:39:58

解决方案1
1 2021-01-21 11:42:31

解决方案2
0 已采纳 2021-01-21 11:39:58