当我通过单击按钮启动CSS动画时，结果与预期的一样。
但是，当我再次单击它时，动画不会重新启动 ...：（

这是我的代码：

window.onload = () => {
    let button = document.getElementById('button');
    let votreRole = document.getElementById('role');
    let roles = ['TOP','JUNGLE','MID','ADC','SUPPORT'];
    let chargement = document.getElementById('chargement');

// User's clicking > animation starts in 1s > at the end,the role is outputed
    button.addEventListener('click',function(){
        chargement.style.animationPlayState = 'running';
        setTimeout(function (){
            votreRole.innerText = roles[Math.floor(roles.length * Math.random())];
            chargement.style.animationPlayState = 'paused';
        },1000)
    })


}