|
Сообщение от Dilettante_Pro
|
|
А можно немного упростить
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.non_used{
background-color:red;
text-align: center;
width: 300px;
font-size:100px;
}
.used{
background-color: yellow;
color: red;
}
</style>
<script>
function test(elem){
elem.classList.toggle("used");
}
</script>
</head>
<body>
<div class="non_used" onclick="test(this)">000</div>
<div class="non_used" onclick="test(this)">111</div>
<div class="non_used" onclick="test(this)">222</div>
<div class="non_used used" onclick="test(this)">333</div>
</body>
</html>