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); 

この1つはあなた

役に立てば幸い

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!"); 
    } 
    });