#br
#br
CENTER:&size(28){JavaScript};
#br
#br
----
LEFT:''目 次''

#contents
----
*LINK [#h2b13dcd]
-[[JavaScript講座>http://www5a.biglobe.ne.jp/~n_rieko/javascript/]]
-[[0からはじめるJavaScript入門>http://www.kyouzai.com/javascript/01.htm]]
-[[JavaScriptの基本文法>http://tohoho.wakusei.ne.jp/js/basic.htm]]

*例題でも [#tba3f288]
**Hello [#d2f71fb8]
 <HTML>
 <HEAD>
 <TITLE>JavaScript Sample#1</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT TYPE="text/javascript">
 <!--
 document.write("Hello World!!");
 // -->
 </SCRIPT>
 </BODY>
 </HTML>

 <HTML>
 <HEAD>
 <TITLE>JavaScript Sample#1</TITLE>
 <SCRIPT TYPE="text/javascript">
 <!--
 function hello(){
     document.write("Hello World!!");
 }
 // -->
 </SCRIPT>
 </HEAD>
 <BODY>
 <SCRIPT TYPE="text/javascript">
 <!--
     hello();
 // -->
 </SCRIPT>
 </BODY>
 </HTML>

**時計 [#md53ef39]
 <HTML>
 <HEAD>
 <TITLE>JavaScript Sample#2</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT TYPE="text/javascript">
 <!--
 dd = new Date();
 document.write(dd.toLocaleString());
 // -->
 </SCRIPT>
 </BODY>
 </HTML>

**動く時計 [#pb80b12d]
 <HTML>
 <HEAD>
 <TITLE>JavaScript Sample#2</TITLE>
 <SCRIPT TYPE="text/javascript">
 <!--
 function tokeia() {
     dd = new Date();
     document.F1.T1.value = dd.toLocaleString();
     window.setTimeout("tokeia()", 1000);
 }
 // -->
 </SCRIPT>
 </HEAD>
 <BODY ONLOAD="tokeia()">
 <FORM NAME="F1" ACTION="#">
 <INPUT TYPE="text" name="T1" size=50>
 </FORM>
 </BODY>
 </HTML>

*課題#1 [#z51c96ef]
-&ref(java4email.html,,Eメールアドレス変換);

*課題#2 [#a393dec8]
-下図のような菱形模様を描くプログラムを作れ.
--出力結果
      *
     ***
    *****
   *******
  *********
   *******
    *****
     ***
      *

-ヒント:最初は右下がりの直角三角形、次に左下がりの直角三角形、そして菱形模様の上半分を描くように考えてみよ。
--step1
   *
   **
   ***
--step2
     *
    **
   ***
--step3
     *
    ***
   *****
-JavaScriptコマンド : prompt, for, document.write

**サンプル [#qb34755f]
-HTMLコード
 <HTML>
 <HEAD>
 <TITLE>Diamond-shaped write</TITLE>
 </HEAD>
 
 <BODY>
 <H1>菱形</H1>
 <SCRIPT LANGUAGE="JavaScript">
 <!--
   document.write("幾何模様を描く<BR>");
   num = prompt("Please Input Number ?","");
   document.write("Number=",num,"<BR><BR>");
   sp = " ";
   sl = "/";
   at = "*";
   document.write("<PRE>");
   document.write("sp=",sp,",sl=",sl,",at=",at,"<BR>");
   document.write("TEST LINE<BR>");
   for (cntl = 1; cntl <= num; cntl++) {
     document.write("line=",cntl," ");
     for (cntc = cntl; cntc <= 2*num; cntc++)
       document.write(sl);
     for (cntc = 1; cntc <= 3; cntc++)
       document.write(sp);
     for (cntc = 1; cntc <= num; cntc++)
       document.write(at);
     document.write("<BR>");
   }
   document.write("</PRE>");
 // -->
 </SCRIPT>
 
 </BODY>
 </HTML>
-実行結果
 菱形
 
 幾何模様を描く
 Number=5
 
 sp= ,sl=/,at=*
 
 TEST LINE
 line=1 //////////   *****
 line=2 /////////   *****
 line=3 ////////   *****
 line=4 ///////   *****
 line=5 //////   *****

**考察事項 [#e79d68a1]
++for分の動作・理解 
++プログラムの改良 
++オリジナルの幾何模様作成 

----


トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS