Блог

Главная - Вопросы по программированию - Я хочу изменить цвет первой кнопки, когда я нажал на вторую

Я хочу изменить цвет первой кнопки, когда я нажал на вторую

#javascript #html #css

#javascript #HTML #css

Вопрос:

Я очень новичок в кодировании. Я нашел вдохновение и начал создавать свой веб-сайт. Я сделал логотип и 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>```

Комментарии:

1. Вы можете изменить его обратно на значение по умолчанию (или, скорее, на то, что определяет CSS) с .style.color = ""; помощью . Вы должны быть в состоянии понять это оттуда.

2. Я хочу, чтобы это было так: если нажата кнопка 2, измените цвет кнопки 1 на серый, но как мне записать это в виде кода?

3. Точно так же, как у вас есть кнопка 2, сделанная белой, но с кнопкой 1 и серой.

4. Итак, вы знаете, как сделать кнопку белого цвета, но не знаете, как сделать ее серой? Что происходит !

5. Нет. Я не могу правильно это объяснить. если нажата кнопка 2, измените цвет кнопки 1 на серый.

Ответ №1:

Вот ваша сдача

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

Комментарии:

1. Как мне записать это как «если нажата кнопка 2, измените цвет кнопки 1 на серый»?

Ответ №2:

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

Комментарии:

1. Нет, не так, я имею в виду, если нажата кнопка 2, измените цвет кнопки 1 на серый

2. Да, я изменил ее. Пожалуйста, попробуйте мой код сейчас.

Метки: