Только начал изучать JavaScript.
Вот небольшая html страница. Есть три флажка и параграф. И я хочу, чтобы при нажатии на какую нибудь из них менялся цвет текса параграфа.
<body>
<p><input type="checkbox" id="first"> Первый стиль </p>
<p><input type="checkbox" id="second"> Второй стиль </p>
<p><input type="checkbox" id="third"> Третий стиль </p>
<p id="paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum ducimus consectetur voluptatem numquam, hic possimus quidem ratione. Laudantium, reprehenderit, cumque.</p>
//==============CSS==========
.firstStyle {
color: red;
}
.secondStyle {
color: blue;
}
.thirdStyle {
color: brown;
}
//============JavaScript==========
<script>
function newFunc() {
if (document.getElementById('first').checked)
{document.getElementById('paragraph').className = "firstStyle";}
}
</script>
</body>