備忘録 『ドラゴンクレイズ』用のモンスター図鑑の作成記録 簡単な表を作りボタンで中の文字、絵を変更する。その2 忍者ブログ
javascriptの初心者。  http://ocyanomi.chagasi.com/
Admin / Write
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

<form method="post">
 <input name="Button1" type="button" value="button" onclick="henkou1()"/>
 <input name="Button2" type="button" value="button" onclick="henkou2()"/>
 <table style="width: 200px">
  <tr>
   <td><div id="mname">ホノオダマ</div></td>
  </tr>
  <tr>
   <td>
    <img alt="cha img" name="char001" src="0003.png" height="200" width="200">
   </td>
  </tr>
 </table>
</form>

<script type="text/javascript">
function henkou1()
{
document.getElementById("mname").innerHTML="ホノオダマ";
document.char001.src= "0003.png";
}
function henkou2()
{
document.getElementById("mname").innerHTML="水のエレメンタル";
document.char001.src= "0005.png";
}
</script>

上記を ***.html にして 0003.png と0005.png と同じフォルダーにいれ
立ち上げるとボタンを押すと文字、絵が変わる。
PR
HOME | 17  16  15  14  13  12  11  10  9  8  7 

忍者ブログ [PR]