Анимация стрелки с кликом
Вы не можете получить к нему доступ из-за недостатка в токенизаторе JavaScript. Javascript пытается проанализировать точечную нотацию на число как литерал с плавающей запятой, поэтому вы не можете следовать ему с помощью свойства или метода:
2.toString(); // raises SyntaxError
Как вы уже упоминали, существует несколько обходных решений, которые можно использовать для того, чтобы числовые литералы также выступали в качестве объектов. Любой из них имеет одинаковое значение.
2..toString(); // the second point is correctly recognized
2 .toString(); // note the space left to the dot
(2).toString(); // 2 is evaluated first
Чтобы узнать больше об использовании и свойствах объектов, проверьте Javascript Garden .
1 ответ
https://codepen.io/Tanded/pen/OqVBPE
<div class="container" onclick="fnc(this)">
<div class="line-1"></div>
<div class="line-2"></div>
</div>
function fnc(el){
el.classList.toggle("clicked");
}
добавить небольшую функцию js для переключения класса и редактирования css в анимационных строках, когда они щелкнули по классу вместо hover &: hover -> & amp;. щелкнул по строке 53