Значок меню Javascript для поворота 90 градусов Onclick и поворот на 90 градусов на второй щелчок

Question

Я ищу, чтобы повернуть значок меню на 90 градусов и щелкнуть на 90 градусов, когда пользователь нажимает второй раз.

Я использую одну функцию в Javascript и хотел бы знать, как заставить ее вращать дополнительные 90 градусов, когда пользователь нажимает второй раз.

function spin(){ 

    var spin1 = document.getElementById("spin"); 
     spin2 = document.getElementById("spin"); 

    spin1.style.transform = "rotate(90deg)"; 

} 

Answer 1

Вы можете попробовать ниже функции

var click =false 
function spin(){ 
     var spin1 = document.getElementById("spin"); 
     var spin2 = document.getElementById("spin"); 
    if(!click){ 
     spin1.style.transform = "rotate(90deg)"; 
     click=true; 
     }else{ 
     click=false; 
     spin1.style.transform = "rotate(180deg)"; 
     } 
} 

Answer 2

Попробуйте это:

var angle = 0; 
function spin(){ 
    var spin1 = document.getElementById("spin"); 
    spin2 = document.getElementById("spin"); 
    angle+=90; 
    spin1.style.transform = "rotate("+angle+"deg)"; 
} 

Это позволит ему вращаться на 90 градусов каждый раз она нажата. Если вы хотите ограничить до 2:

var flag = false; 
function spin(){ 
    var spin1 = document.getElementById("spin"); 
    spin2 = document.getElementById("spin"); 
    spin1.style.transform = "rotate("+(flag?180:90)+"deg)"; 
    flag = true; 
}