Показать сообщение отдельно
  #5 (permalink)  
Старый 18.11.2016, 15:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

Сообщение от 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>
Ответить с цитированием