目 次

LINK

例題でも

Hello

<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>

時計

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

動く時計

<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

課題#2

  • 下図のような菱形模様を描くプログラムを作れ.
    • 出力結果
           *
          ***
         *****
        *******
       *********
        *******
         *****
          ***
           *
  • ヒント:最初は右下がりの直角三角形、次に左下がりの直角三角形、そして菱形模様の上半分を描くように考えてみよ。
    • step1
        *
        **
        ***
    • step2
          *
         **
        ***
    • step3
          *
         ***
        *****
  • JavaScriptコマンド : prompt, for, document.write

サンプル

  • 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 //////   *****

考察事項

  1. for分の動作・理解
  2. プログラムの改良
  3. オリジナルの幾何模様作成


添付ファイル: filejava4email.html 414件 [詳細]

トップ   編集 凍結解除 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2017-09-26 (火) 14:27:45 (694d)