laimas, я уже представилась, значит можно сказать что мы почти познакомились, а теперь расскажи как обновить див при клике по нему а также при клике по кнопке

Где и когда, я не мог забыть такого момента. ) Насчет анимации я не знаю, все зависит от того, что она из себя представляет и кто ее обрабатывает. Например, это CSS, и запуск ее по наличии класса, значит достаточно переопределить класс элемента.

Посмотрите пост №29, если только вы не про тот самый загадочный способ анимации, который не выражается при помощи CSS анимации или веб-компонентов!

Сорри, раньше не видела пост 29, всё супер

анимация по клику
 

:write:

<button id="animation" class="anim">abc</button>

<style>

#animation {
    all: unset;
    position: relative;
    font-size: 300%;
}

#animation::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: red;
    left: 0;
    top: 0;
}
#animation.anim::before{
   animation: animation 1s;
}

@keyframes animation {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

</style>

<script>

document.addEventListener("click", event => {
    var target = event.target;
    target.classList.remove("anim");
    document.documentElement.clientWidth;
    target.classList.add("anim");
});

</script>

рони, лучше бы рассказал как обновить див с анимацией по клику по самому диву без всяких кнопок

Блондинка,
не понимаю вопроса и недостаточно скилов в css и тригонометрии

рони, надо чтобы див обновился(антмация запустилась сначала) по клику по диву, а не по кнопке,

Блондинка,
... так пост 29 и 34 :-?

Ага, но только без кнопки