「スタート」と「ストップ」ボタンを共用させたい

質問

今晩は、JavaScriptの初心者です。

　ある画像を「スタート」ボタンで動かし、別の「ストップ」ボタンで止めるソースを書こうと思いましたが、
「スタート」ボタンで動かした後で、そのボタンを「ストップ」ボタン表示に変更させ、そのボタンで画像の動きを止めるソースはどのように書くのでしょうか。

　宜しくお願いします

回答No.1

y3k · ベストアンサー

こんばんは。

画像の動かし方はわかりませんが、一つのボタンで動作を
切り分ける方法としてこんな感じでどうでしょうか？

・html
<input type="button" name="btn" value="スタート" onclick="func(this)" />

・js
function func(Button)
{
if( Button.value == "スタート" ){
alert( "画像を動かします。。\n" );
Button.value = "ストップ";
return;
}
if( Button.value == "ストップ" ){
alert( "画像を止めます。\n" );
Button.value = "スタート";
return;
}
}