onclick два раза к одному элементу
 

Как использовать onclick два раза к одному элементу? (при первом нажатии применяется стиль 1, при втором стиль 2).
Конструкция If...Else не подходит т.к много текста получается.(

Сейчас у меня вот так:
element.onmouseover = function style1 () {}
element.onmouseout = function style2() {}
А нужно чтобы было по клику мышки

Anton6677,

window.addEventListener('DOMContentLoaded', function() {
  var element = document.querySelector('селектор_элемента');
  element.addEventListener('click', function() {
    element.classList.toggle("класс")
  });
    });