Toggle Font-Awesome Icon funktioniert nur bedingt
Der hier verwendete Code
<style>
i{
width:100px;
height:100px;
display:block;
background:blue;
border:1px solid red;
margin:0 auto;
overflow:hidden;
}
.red{
background:red;
}
</style>
<i onclick="myFunction(this)" class="fa fa-thumbs-up">
</i>
<script>
function myFunction(x) {
x.classList.toggle("red");
}
</script>