Eu gostaria de uma sugestão, para que o ícone de "angle-down", fique alternando de 0 graus e 180 graus quando for clicado!
<div class="container-icon">
<i class="fa fa-angle-down" onclick="rotateAngleDown()"></i>
</div>
Estou utilizando esse código (DOM Javascript), porém quando clico o ícone altera para 180 graus, porém não retorna para 0 graus:
function rotateAngleDown(){
document.querySelector('.fa-angle-down').style.transform = 'rotate(180deg)';
}
let estadoAtual = 0;function rotateAngleDown(){if(estadoAtual === 0){estadoAtual = 180; document.querySelector('.fa-angle-down').style.transform = 'rotate(180deg)';}else{estadoAtual = 0;document.querySelector('.fa-angle-down').style.transform = 'rotate(0deg)';}}