JS：在函數變化值不起作用

Question

我做了一個它顯示一個箭頭指向下方。這個想法是，如果用戶點擊這個，導航欄會顯示。到目前爲止它可以工作，但我希望當按下時，它的值和旋轉也會改變。但是這個值不會改變。有人可以幫助我做我做錯了什麼。謝謝！
截圖：

Answer 1

沒有合適的「值」屬性爲<h3>所以也沒帶dropBut.value我做你的代碼的一些變化工作..

var dropBut = document.getElementById("dropDownBut"); 

function dropDownMenu(){ 
console.log("hey"); 
console.log(dropBut.getAttribute("value")); 
    if(dropBut.getAttribute("value") === "downside"){ 
    dropBut.style.transform = "rotate(270deg)"; 
    dropBut.setAttribute("value","upside"); 
    } 
    else if(dropBut.getAttribute("value") === "upside"){ 
    dropBut.style.transform = "rotate(-270deg)"; 
    dropBut.setAttribute("value","downside"); 
    } 
} 

dropBut.addEventListener("click",dropDownMenu); 

希望這一個可以幫助你

Answer 2

下面是使用JQuery的東西。

$('#dropdownButton').click(function(){ 
    $('#dropdownButton').attr('value','up');//set with jquery 
    if($('#dropdownButton').attr('value')==='up')//compare value 
    { 
      alert("UP!"); 
    } 
    if($('#dropdownButton').attr('value')==='down')//compare value 
    { 
     alert("DOWN!"); 
    } 
    });