1. Когда в хтмл будет только 1 или 2 класса, без дополнительных типов, ковычек - проще, во всяком случае мне
2. Необходимо менять переменную (в данном случае "tada" на другие уже в js, руками по желанию, а не по алгоритму.
3. "Tada" - 1 из видов анимации. При подключенном внешнем css файле работает так: class="animated tada;"
Все
возможные варианты анимации с сайта
animate.css
4. "tada" - вид анимации. И работал бы в кнопке БЕЗ js в таком виде:
<a href="#" class="animated tada">КНОПКА</a>
, но для управления анимацией через js приходится стоку писать уже с большим кол-вом слов + заключать тип анимации "tada" в ковычки (чего я не хочу делать если перенести смену типа анимации в код js, который, например, можно положить на внешний сервер).
<a href="#" class="toanimate" data-animation="tada">КНОПКА</a>
, и js уже ищет и меняет класс
animate на правильный -
animated и подставляет переменную, которую как раз и нужно менять не в хтмл а js.
В общем надо управлять типом анимации в js. Так будет понятнее
а уж попутно решится моя проблема - хтмл строка уменьшится после переноса типа анимации в js))