实现点击按钮变二倍速再次点击变回一倍速。为什么第一二个方法都不能实现

图片说明
<!DOCTYPE html>



Document


一倍速
<br> var speed2=document.querySelector(&#39;.speed2&#39;);<br> var flag=true;</p> <pre><code> speed2.onclick=function(){ </code></pre> <p>// 1.<br> // if(speed2.innerHTML=&#39;一倍速&#39;){<br> // speed2.innerHTML=&#39;二倍速&#39;;<br> // }else(speed2.innerHTML=&#39;二倍速&#39;){<br> // speed2.innerHTML=&#39;一倍速&#39;;<br> // }<br> // 2.<br> // if(speed2.innerHTML=&#39;一倍速&#39;){<br> // speed2.innerHTML=&#39;二倍速&#39;;<br> // return;<br> // }<br> // if(speed2.innerHTML=&#39;二倍速&#39;){<br> // speed2.innerHTML=&#39;一倍速&#39;<br> // return;<br> // }<br> //3.<br> if(flag){<br> speed2.innerHTML=&#39;二倍速&#39;;<br> flag=false;<br> }else{<br> speed2.innerHTML=&#39;一倍速&#39;<br> flag=true;<br> }<br> }<br>

先弄清楚赋值的=和逻辑判断==的区别

speed2.innerHTML='一倍速'，中间不应该是赋值符号，应该是==

第一个方法写的else有问题，else还能跟着括号写判断条件吗，判断条件的时候改成“==”，单“=”是赋值

        var speed2 = document.querySelector('.speed2')
        var flag = true
        speed2.onclick = function(){
            console.log('进来了吗？')
            if(flag){
                speed2.innerText = '二倍速';
                flag = false
            }else{
                speed2.innerText = '一倍速'
                flag = true
            }
        }
    </script>