Я начала делать код но дальше запуталась в интернете ничего не нашла помогите
Дано название текст, текст и 3 кнопки с названиями Тема 1, Тема 2, Тема 3.
По нажатию на первую кнопку:
1.Название текста становиться темно-красным
2. Текст: Красным
3. Кнопка светло-красным.
Дано название текст, текст и 3 кнопки с названиями Тема 1, Тема 2, Тема 3.
По нажатию на первую кнопку:
1.Название текста становиться темно-красным
2. Текст: Красным
3. Кнопка светло-красным.
Answers & Comments
<!DOCTYPE html>
<html>
<head>
<title>Тестовый документ</title>
<meta charset="utf-8"/>
<link href="style.css" rel="stylesheet" type="text/css"/>
<script>
var blackRed = "#932525";
var Red = "#f81212";
var LightRed = "#fb7070";
var activebtn = null;
function ld1(){
activebtn = document.getElementById("zag");
activebtn.style.color = blackRed;
}
function ld2(){
activebtn = document.getElementById("text");
activebtn.style.color = Red;
}
function ld3(){
activebtn = document.getElementById("b3");
activebtn.style.backgroundColor = LightRed;
}
</script>
<h1 id="zag">Марк Сергий Эсквилин</h1>
<p id="text">Текст о Марк Сергий Эсквилин</p>
<input type="button" id=b1 value="Тема1" onclick="ld1();">
<input type="button" id=b2 value="Тема2" onclick="ld2();">
<input type="button" id=b3 value="Тема3" onclick="ld3();">
</body>
</html>