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

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

文字、絵の名を2次配列に変更する。

<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">
var mon = new Array(); 
  mon[0] = new Array();
  mon[1] = new Array();
  //// 配列代入
  var mon = [
  ["ホノオダマ","0003.png"],
  ["水のエレメンタル","0005.png"]
  ];
function henkou1()
{
document.getElementById("mname").innerHTML=mon[0][0];
document.char001.src= mon[0][1];
}
function henkou2()
{
document.getElementById("mname").innerHTML=mon[1][0];
document.char001.src= mon[1][1];
}

a
ボタンを押すと キャラ名、キャラが変更されます。
PR
HOME | 18  17  16  15  14  13  12  11  10  9  8 

忍者ブログ [PR]