Как вернуть цвет при повторном нажатии?

Question

Как вернуть цвет при повторном нажатии?

Мага Мага Ученик (141), на голосовании 1 год назад

<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">

<style>
/* css стили */

</style>
</head>
<body>

<form class="form_1">
FORM
<div class="div_1">
DIV
<p class="p_1">
P
</p>
</div>
</form>

<script>
let form_1 = document.querySelector('.form_1');

form_1.onclick = function (event){
event.target.style .backgroundColor = 'yellow';
};
</script>

</body>
</html>

При нажатии на form, div или p меняется цвет на желтый. Нужно чтоб при повторном нажатии возвращался исходный цвет. Здесь используется ВСПЛЫТИЕ. Вопрос: Как лучше реализовать возврат цвета при повторном нажатии?

Как лучше это можно реализовать?

Answer 1

  
 
 
     
 
 
    Нажмите для изменения цвета