切换盒在点击用户界面时不切换

Question

请什么可能是错误的，我没有得到任何错误在chrome控制台

html

<div class="wrapper">
<i id="repeat" class="fas fa-stop-circle"></i>
</div>

javascript

const wrapper = document.querySelector('.wrapper')
const repeatBtn = wrapper.querySelector('#repeat')
repeatBtn.addEventListener('click', () => {
let getClass = repeatBtn.className;
switch(getClass){
case "fas fa-redo":
repeatBtn.className = "fas fa-redo";
break;
case "fas fa-stop-circle":
repeatBtn.className = "fas fa-stop-circle";
break;
case "fas fa-random":
repeatBtn.className = "fas fa-random";
break;
}
})

Answer 1

这段代码中没有改变类的逻辑，所以case语句的结果总是匹配case "fas fa-stop-circle"。repeatBtn.className的每个作业都是将类设置为与案例匹配的完全相同的字符串。