Html Jquery 求助 有什么問題

Question

我想要一個 Boolean 作為按鈕統計信息，但我不知道我的代碼有什么問題？ `

<button id="read-more" class="read-more" onclick="Openreadmore()"> Read More </button>

``

`

    <script>
        var status = false;
        var myopacity = 0;

        function Openreadmore() {

            if (status == false) {
                document.getElementById("text-more").style.display = "none";
                document.getElementById("text-more").classList.remove("is-active");
                document.getElementById("small-text").style.display = "block";
                document.getElementById("read-more").textContent = 'Read More';
                status == true;
            }
            if (status == true) {
                document.getElementById("text-more").style.display = "block";
                MycomeFadeFunction();
                document.getElementById("text-more").classList.toggle("is-active");
                document.getElementById("small-text").style.display = "none";
                status == false;
                document.getElementById("read-more").textContent = 'Close Paragraph';
            }
        }


        function MycomeFadeFunction() {
            if (myopacity < 1) {
                myopacity += .075;
                setTimeout(function() {
                    MycomeFadeFunction()
                }, 100);
            }
            document.getElementById('text-more').style.opacity = myopacity;
        }
    </script>

` 我想在 boolean 為 true 或 false 時隱藏一些 div，有一個 var status = false; 我將其設置為默認值，然后檢查 if 但沒有成功

Answer 1

更改 var 類型以讓類型和檢查

 //var status = false;
 //var myopacity = 0;
 let status = false;
 let myopacity = 0;

Answer 2

問題似乎是您的var status采用字符串值而不是 boolean。

 var status = false; function Openreadmore() { if (status == "false") { status="true"; document.getElementById("textDiv").style.color= "red"; /*Your code*/ } else if (status == "true") { status = "false"; document.getElementById("textDiv").style.color= "blue"; /*Your code*/ } }

 <button id="btnReadMore" class="read-more" onclick="Openreadmore()"> Read More </button> <div id="textDiv"> button changes color of this. </div>

JS 代碼中的類似內容應該會給出您想要的結果。

Answer 3

在 if 語句中設置狀態值時，您使用了錯誤數量的 =，據我所知，您正在嘗試創建某種“切換”

if (status == true) {
                document.getElementById("text-more").style.display = "block";
                MycomeFadeFunction();
                document.getElementById("text-more").classList.toggle("is-active");
                document.getElementById("small-text").style.display = "none";
                //this was status == false previously, which would return a boolean rather than set the value
                status = false; 
                document.getElementById("read-more").textContent = 'Close Paragraph';
            }