備忘録 『ドラゴンクレイズ』用のモンスター図鑑の作成記録 javascript 忍者ブログ
javascriptの初心者。  http://ocyanomi.chagasi.com/
Admin / Write
×

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

<html>
 <body>
  <form method="post">
   <input name="Button1" onclick="ai()" type="button" value="あいさつ" >
  </form>
 </body>
 <script type="text/javascript">
  function ai(){
   document.write("こんにちは");
  }
 </script>
</html>

インプットボタン function関数を呼び出す事ができる。
この場合 ボタンを押すと こんにちは 書き込み関数を呼び出す。
PR
<html>
 <body>
 </body>

 <script type="text/javascript">
  //// 配列定義
  var na = new Array(); 
  na[0] = new Array();
  na[1] = new Array();
  //// 配列代入
  var na = [
  ["aaa","bbb"],
  ["ccc","ddd"]
  ];
  //// 代入確認 ( na[0][0]にaaaが入っている。)
  document.write(na[0][0]);
  document.write(na[0][1]);
  document.write(na[1][0]);
  document.write(na[1][1]);
 </script>
</html>


<html>
 <body>
  <img alt="cha img" name="char001" src="0003.png">
 </body>
</html>

上記をメモ帳に記入して ファイル名を ***(なんでもいい).html に変更。
同フォルダ内に0003.pngのイラストをいれる。
ダブルクリックで起動させると
0001
 のイラスト(0003.png)が表示される。
  (altはイラスト未表示の文字なのでなんでもいいけど必須)




イラスト部分の変更は
<html>
 <body>
<img alt="cha img" name="char001" src="0003.png">
 </body>
 <script type="text/javascript">
  document.char001.src= "0005.png";
 </script>
</html>
上記をメモ帳に記入して ファイル名を ***(なんでもいい).html に変更。
同フォルダ内に0005.pngのイラストをいれる。
ダブルクリックで起動させると
0005
  のイラスト(0005.png)が表示される。
<html>
 <body>
  おはよう
 </body>
</html>

上記をメモ帳に記入して ファイル名を ***(なんでもいい).html に変更。
ダブルクリックで起動させると

おはよう

の文字が表示される。

「おはよう」の文字部分の変更は
まず <div id>で位置確定。
 <div id="書き込み">おはよう</div>  (書き込みはなんでもいい)
その位置の文字変更。
 document.getElementById("書き込み").innerHTML="こんにちは";


<html>
 <body>
  <div id="書き込み">おはよう</div>
 </body>

 <script type="text/javascript">
  document.getElementById("書き込み").innerHTML="こんにちは";
 </script>
</html>

上記をメモ帳に記入して ファイル名を ***(なんでもいい).html に変更。
ダブルクリックで起動させると

こんにちは

の文字に書き換えられる。
現在の開発環境及び使用ソフト

 ・win10のノートパソコン
 ・メモ帳
 ・ペイント3D (MSペイントはどこ?)
 ・Microsoft Expression Web4  (現在無料)
 ・Excel Mobile
 ・Paintgraphic3 (お絵かきソフト:ソースネクスト)
 
 ・javascriptの知識 インターネット上で解説してくれているHP
     (検索で調べて使用しています。感謝)
初めて javascript を使ったので メモ代わりに書いていきます。

ちなみに、今まではメモ帳に書き留めていました。
HOME | 1  2  3 

忍者ブログ [PR]