.colored { color: red; }<button id="button">click me</button>
<p id="target">target element</p>var button = document.getElementById('button');
var target = document.getElementById('target');
button.addEventListener('click', function(){
target.classList.toggle('colored'); // или target.classList.set('colored'), чтобы кнопка только включала стиль, но не выключала его
});
.main li:not(:last-child) a:after{
position: relative;
color: #fff;
content: " | ";
display: block;
}
$(document).ready(function(){
$("#button").click(function(){
var color = $(this).css("background-color");
var background;
if(color != "rgb(144, 238, 144)"){
background = "lightgreen";
}
else{
background = "rgb(221, 221, 221)";
}
$("#button").css({"background-color":background});
})
});
var twoPoints = document.getElementById("twoPoints").textContent;