ボタンを1つだけ使用して異なる背景色を変更する方法

-3

ボタンを使用して背景色を赤に変更し、次に同じボタンを使用して緑色に、次に青色に変更する必要がある背景色を変更します。ボタンを1つだけ使用して異なる背景色を変更する方法

2017-02-20 Thejus Tj

こんにちはThejus、あなたはファットを試して、あなたのコードとエラーを表示するか、あなたが望むものを得ることができない理由を教えてください。 – lois6b

あなたはjavascriptを知っていますか？ –

これは一例です。
1.Give <body>クリックで関数を呼び出すid
を2.Makeボタン：私はここにいた何

<html> 
 
<head> 
 
<script> 
 
    var colors = ["red", "blue", "green"]; 
 
    var colorIndex = 0; 
 
    function changeColor() { 
 
     var col = document.getElementById("body"); 
 
     if(colorIndex >= colors.length) { 
 
      colorIndex = 0; 
 
     } 
 
     col.style.backgroundColor = colors[colorIndex]; 
 
     colorIndex++; 
 
    } 
 
</script> 
 
    <body id='body'> 
 
    <button onclick="changeColor();">Change color</button> 
 
    </body> 
 
</html

。
3.本体をID（ document.getElementById('body')）で呼び出し、背景色を変更してください（ document.getElementById('body').style.background = colors[colorIndex]）
このヘルプが必要です。

出典

2017-02-20 10:14:15 AzDeveloper

ボタンを1つだけ使用して異なる背景色を変更する方法

答えて

関連する問題