Как я могу переключить класс в CSS, используя JavaScript?

Question

<i class="icon slash eye" id="test" 
  onclick="registerFunction(); myFunction(this);" 
  style="margin-bottom:-20px;cursor: pointer;float:right;"></i>

Сценарий

<script>
function myFunction(x) {
    x.classList.remove("slash");
    }
</script>

Меняет косую черту, но не наоборот.Как мне этого добиться?

Answer 1

Вы просто удаляете класс с помощью метода remove.

Ваш вопрос почти ответил сам на себя, поскольку решение для него - метод toggle.

<script>
    function myFunction(x) {
        x.classList.toggle("slash");
    }
</script>

С этимпростое изменение, ваш код должен вести себя так, как вы ожидаете.