2016-05-26 2 views
2

2つのボタンのクリックで電球から電球に切り替える画像が必要です。私はW3schoolsで同様の例を見ましたが、コードの違いを参照してください。助けてください。私のコードで何が間違っていますか?(JavaScriptを使用して写真を変更する)

<!doctype html> 
<html> 
<body> 
<script> 
function light(switch){ 
    var pi; 
    if(switch == 0){ 
     pi = "pic_bulboff.gif" 
    } 
<!--this is if the switch value is zero--> 
    else{ 
     pi = "pic_bulbon.gif" 
    } 
<!--this is if switch value is anything else including 1--> 
    document.getElementById('sw').src = pi; 
} 
</script> 

<img id="sw" src="pic_bulboff.gif"> 

<button onclick="light(0)">Light off</button> 
<button onclick="light(1)">Light on</button> 
</body> 
</html> 

答えて

5

switch引数名

function light(s) { //Change argument name 
 
    var pi; 
 
    if (s == 0) { 
 
    pi = "pic_bulboff.gif"; 
 
    } else { 
 
    pi = "pic_bulbon.gif"; 
 
    } 
 
    document.getElementById('sw').src = pi; 
 
    document.getElementById('sw').title = pi; //Just to demonstrate 
 
}
<img id="sw" src="pic_bulboff.gif"> 
 

 
<button onclick="light(0)">Light off</button> 
 
<button onclick="light(1)">Light on</button>

+0

感謝として使用することはできませんreserved keywordです!とった。 –

関連する問題