如果其他語句切換為“幫助”按鈕

Question

我試圖有一個顯示幫助消息的幫助按鈕，如果再次單擊它，該幫助消息就會消失（我將不透明度更改為0）。 我想打開和關閉它。 我嘗試了一個if語句，該按鈕完全停止工作。 這是我的JavaScript：

function messageToggle() {
    if (document.getElementById("helpMessage").style.opacity = "1.0") {
        document.getElementById("helpMessage").style.opacity = "0";

    } else {
        document.getElementById("helpMessage").style.opacity = "1.0";
    }
}

這是我的HTML：

<button onclick="messageToggle()">Help</button>
<p id="helpMessage">Help Message Goes Here</p>

關於如何進行這項工作有什么建議嗎？

Answer 1

編寫條件時，應使用比較運算符（ ==或=== ）：

if (document.getElementById("helpMessage").style.opacity == 1) {
  ...
}

程序中的代碼在語法上是正確的，但是執行賦值（而不是比較）將始終導致“ true”分支。 因此，幫助消息完全消失了。

Answer 2

如果要打開和關閉它，請參見以下代碼

 function messageToggle() { $("#helpMessage").toggle("slow", function() { //animation done }); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button onclick="messageToggle()">Help</button> <p id="helpMessage">Help Message Goes Here</p> 

Answer 3

使用==代替=和1代替1.0
已更正：

 document.getElementById("helpMessage").style.opacity = "1.0"; function messageToggle(){ var op = document.getElementById("helpMessage").style.opacity; console.log(op); if(document.getElementById("helpMessage").style.opacity == "1"){ document.getElementById("helpMessage").style.opacity = "0"; console.log("0"); }else{ document.getElementById("helpMessage").style.opacity = "1"; console.log("Else"); } } 

 <button onclick="messageToggle()">Help</button> <p id="helpMessage">Help Message Goes Here</p>