クリックするとボタンの色を変更します

-1

この機能は動作しています。私がボタンを押すたびに、それは「私をクリックしてください」から「私をもう一度クリックしてください」に変わります。クリックするとボタンの色を変更します

<!DOCTYPE html> 
<html> 
    <body> 

     <button id="toggle" onclick="myFunction()" onclick="setcolor(blue)">click me</button> 

     <script> 

      function myFunction() { 

       var change = document.getElementById("toggle"); 
       if (change.innerHTML == "click me again"){ 
        change.innerHTML = "click me"; 
       } 
       else { 
        change.innerHTML = "click me again"; 
       } 
      } 
     </script> 
    </body> 
</html>

出典

2017-02-02 ramy

、あなたのmyFunction機能に着色コードを追加し、ボタンから2番目のonclickリスナーを削除します。

if (change.innerHTML == "click me again") { 
    change.innerHTML = "click me"; 
    change.style.background='blue' 
} 
else { 
    change.innerHTML = "click me again"; 
    change.style.background='red' 
}

出典

2017-02-02 11:38:05

よりそれはうまくいった：D – ramy

@ramyそれがうまくいけば、答えを受け入れる。 –

設定backgroundColorクリックでちょうど

<button id="toggle" onclick="myFunction()" >click me</button> 
 

 
<script> 
 

 
    function myFunction() { 
 

 
     var change = document.getElementById("toggle"); 
 
     if (change.innerHTML == "click me again") 
 
     { 
 
      change.innerHTML = "click me"; 
 
      change.style.backgroundColor = "blue" 
 

 
     } 
 
     else { 
 
      change.innerHTML = "click me again"; 
 
      change.style.backgroundColor = "red" 
 
     } 
 
    } 
 

 
</script>

ワンクリック機能を追加

出典

2017-02-02 11:38:43 Curiousdev

最初の答えは私を助けましたが、私にあなたの時間を与えてくれてありがとう – ramy

クリックするとボタンの色を変更します

答えて

関連する問題