var NUM1 = document.getelementbyid('param1').value var NUM2 = document.getelementbyid('param2').value document.getelementbyid("result").innerhtml = ev

Size: px

Start display at page:

Download "var NUM1 = document.getelementbyid('param1').value var NUM2 = document.getelementbyid('param2').value document.getelementbyid("result").innerhtml = ev"

かおりさだい
7 years ago
Views:

1 ########################### ###2つの数の和を求める ### ########################### <title> 和を求める</title> function Add() var NUM1 = document.getelementbyid('param1').value; var NUM2 = document.getelementbyid('param2').value; document.getelementbyid("result").innerhtml = eval(num1) + eval(num2); // JavaScript では, 変数の値を強制的に数値化するための関数として, // eval() 関数を内部関数として持っている. 半角数字で答えを入力したら, 送信ボタンをクリックしてね. <input type="text" id="param1" size="3" /> + <input type="text" id="param2" size="3" /> <input type="button" value=" 送信 " onclick="add();" /> ############################ ### 2つの数の積を求める ### ############################ <title> 積を求める</title> // 引数 2 つを参照させながら,times()という掛け算を計算するプログラムを作成すること. function times()

innerhtml = eval(num1) + eval(num2); // JavaScript では, 変数の値を強制的に数値化するための関数として, // eval() 関数を内部関数として持っている. 半角数字で答えを入力したら, 送信ボタンをクリックしてね.

2 var NUM1 = document.getelementbyid('param1').value var NUM2 = document.getelementbyid('param2').value document.getelementbyid("result").innerhtml = eval(num1) * eval(num2); 半角数字で答えを入力すること. <input type="text" id="param1" size="3" /> <input type="text" id="param2" size="3" /> <input type="button" value=" 計算 " onclick="times();" /> ############################ ### 2の倍数かをチェック ### ############################ <title>if の練習 </title> function check() var Num = document.getelementbyid("number").value; if((num % 2) == 0) alert("2の倍数です."); else alert("2の倍数ではない.");

<input type="text" id="param1" size="3" /> <input type="text" id="param2" size="3" /> <input type="button" value=" 計算 " onclick="times();" />

3 2の倍数かをチェック <input type="text" size="3" id="number" /> <input type="button" value="チェック" onclick="check();" /> ###################################### ### カンマ区切りで1~100を出力 ### ###################################### <title>1~100までのリスト</title> <script language="javascript" > function listout() var i; //for 文で1~100まで回すときに使う変数の宣言 var RESULT = ""; // 結果を追加代入していくための変数の初期化 //1~100までを RESULT に追加代入していく for 文の処理 for(i=1;i<=100;i++) RESULT += i + ","; // 結果を出力する処理 document.getelementbyid("result").innerhtml = RESULT; 1~100までのリスト <input type="button" value=" 出力 " onclick="listout();" /> ########################## ### 18の約数を求める ### ##########################

RESULT = ""; // 結果を追加代入していくための変数の初期化 //1~100までを RESULT に追加代入していく for 文の処理 for(i=1;i<=100;i++) RESULT += i + ","; // 結果を出力する処理 document.

4 <title>18 の約数 </title> function getdivisor() var i; var DIV = "";// 初期化するために空を代入する for(i=1; i<=18; i++) if((18 % i) == 0) DIV += i + ","; //result エリアに約数をスタックした変数 Div を出力する document.getelementbyid("result").innerhtml = DIV; <input type="button" onclick="getdivisor();" value="18 の約数を求める" /> ################################################ ### 関数に18を引数として渡して約数を求める ### ################################################ <title>18 の約数の総和を抽出 </title> function getdivisor(num) var i; var DIV = ""; // 変数 DIV の初期化 for(i=1;i<=num;i++) if((num % i) == 0)

innerhtml = DIV; <input type="button" onclick="getdivisor();" value="18 の約数を求める" /> ################################################ ### 関数

5 DIV += i + ","; document.getelementbyid("result").innerhtml = DIV; 18 の約数の総和を抽出します <input type="button" value=" 抽出 " onclick="getdivisor('18');" /> ############################## ### 入力した数の約数を出力 ### ############################## <title> 約数の抽出 </title> function getdivisor() var NUM = document.getelementbyid("number").value; var i; var DIV = "";// 初期化するために空を代入する for(i=1; i<=num; i++) if((num % i) == 0) DIV += i + ","; // 変数 i の値は約数なので,カンマ区切りで追加する //result エリアに約数をスタックした変数 Div を出力する document.getelementbyid("result").innerhtml = DIV; 半角で約数を抽出する数字を入力 :

約数を出力 ### ############################## <title> 約数の抽出 </title> function getdivisor() var NUM = document.getelementbyid("number").

6 <input type="text" size="5" id="number"> <input type="button" onclick="getdivisor();" value=" 約数の抽出 " /> ######################################## ### 1~100までの素数をリストする ### ######################################## <title>1~100までの素数のリスト</title> <script language="javascript" > function getprime() var i,s; var div_num = 0;// 約数の個数をカウントするための変数 var RESULT = ""; for(i=1;i<=100;i++) for(s=1;s<=i;s++) if((i % s)==0) div_num++;// 変数 s が変数 i の約数なのでカウントアップ if(div_num == 2) RESULT += i + "の約数の総和は" + div_num + " 個なので素数です<br/>"; div_num = 0;// 次の変数 i になる前に, 一旦約数の数を初期化 ( 重要 ) // 結果を出力する処理 document.getelementbyid("result").innerhtml = RESULT; 1~100までの素数のリスト <input type="button" value=" 出力 " onclick="getprime();" />

""; for(i=1;i<=100;i++) for(s=1;s<=i;s++) if((i % s)==0) div_num++;// 変数 s が変数 i の約数なのでカウントアップ if(div_num == 2) RESULT += i + "の約数の総和は" + div_num + " 個なので素数です<br/>"; div_num =

7 ############################### ##### 参考双子素数を抽出 ##### ############################### <title> 双子素数の抽出 </title> // 実力問題 1 // 1から100までの整数の中で, 双子素数を抽出する // プログラムを作れ. // ファイル名は twin_prime.html とする. // 双子素数の意味は, 各人で調べるように. function gettwinprime() var i,j,oldprime=1,newprime=1; var count = 0; var RESULT = ""; for(i=1; i<=100; i++) // まず素数かを調べる for(j=1; j<=i; j++) if((i % j) == 0) // 約数の個数をカウント count++; // 約数の個数が 2 個ならば素数なので, if(count == 2) // 変数 newprime にそれを代入 newprime = i; // 変数 oldprime との差が 2 であるか調べる. if((newprime - oldprime) == 2) // 差が 2 であれば双子素数なので, 変数 RESULT に追加代入 RESULT += "(" + oldprime + "," + newprime + ")<br/>";

function gettwinprime() var i,j,oldprime=1,newprime=1; var count = 0; var RESULT = ""; for(i=1; i<=100; i++) // まず素数かを調べる for(j=1; j<=i; j++) if((i % j) == 0) // 約数の個数

8 // 次の処理に行く前に, 現在の素数を古い素数として代入しなおす. oldprime = newprime; count = 0;//count を初期化 document.getelementbyid("result").innerhtml = RESULT; 1~100までの中で双子素数を抽出するプログラム. <input type="button" value=" 抽出 " onclick="gettwinprime();" />

Microsoft PowerPoint - 2016_2b-DOM.pptx

Microsoft PowerPoint - 2016_2b-DOM.pptx < 練習 2-11> DOMの空白ノード 2_nodeVisit の実行結果 ( 前ページ)から,HTML をルート要素とするDOMの木構造を示しなさいただし, 空白ノードは空白,その他のテキストノードはテキストとすること HTML DOMによる文書データの参照と変更 DOMツリー内のノード参照相対位置によるノード