Яначала делать код но дальше запуталась в интернете ничего не нашла дано название текст, текст и 3 кнопки с названиями тема 1, тема 2, тема 3. по нажатию на первую кнопку: 1.название текста становиться темно-красным 2. текст: красным 3. кнопка светло-красным.
<!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>