Переопределение переменной JS, нажав на ссылку в HTML

Question

Я пытаюсь создать демонстрацию анимации.

В разметке HTML вот мой сценарий;

<script>
    /* Set your slide animation */
    var $setAnimation = 'slideInLeft';

    /* Set carousel slide delays (7.5s is default) */
    var $carouselDelay = 7500;
</script>

Установив имя новой переменной в $ setAnimation, я могу перейти к анимации слайдов.Но вместо этого я пытаюсь создать мини-панель.Поэтому, когда пользователь щелкает имя анимации, оно переопределяет значение $ setAnimation, и новый эффект анимации будет динамически применяться.

Вот мой код, но он не работает.

<a id="animGlitch">Change to Glitch</a> 

И JS

var x = document.getElementById("animGlitch");
x.addEventListener("click", changeAnim);

function changeAnim()
{
    var setAnimation = 'glitch';
}

Спасибо за любую помощь.

Answer 1

Вы устанавливаете setAnimation локально в фрагменте js, когда вы должны изменить глобальную переменную.

var x = document.getElementById("animGlitch");
x.addEventListener("click", changeAnim);

function changeAnim()
{
    $setAnimation = 'glitch';
}

Я вижу, что @romellem упомянул об этом и в комментариях.