1. 実験の目的と要件
実験的なタスク
1. JavaScriptの構文ルールをマスターする
2. JavaScript 変数宣言をマスターする
3.JavaScript データ型に精通している
4. JavaScript のさまざまな演算子をマスターする
5. JavaScript 関数の定義をマスターする
トレーニングスキルポイント
- マスター変数の定義
- if 条件文の適用をマスターする
- for ループの応用をマスターする
- マスターデータ型変換
- パラメータ化された関数の定義をマスターする
2. 実験器具・設備Dreamweaver 、HBuilder等のソフトウェア
を搭載したコンピュータと、スムーズなネットワーク。
3. 実験的なタスクと手順
実験 1. 出力三角形
ニーズの表明
三角形を印刷する行数を入力し、ページ上に三角形を印刷します。入力三角形の行数が 8 より大きいかどうかに関係なく、出力三角形の行数は最大 8 です。ページ上に出力される三角形は次のようになります。図の中で:
図 1 印刷する行数を入力する 図 2 ページ上に三角形を出力する
実装のアイデアと手順
- プロンプト()メソッドを使用して三角形の行数を入力し、parseInt()メソッドを呼び出して行番号を整数に変換します。
- if ステートメントを使用して、行数が 8 未満かどうかを判断します。
3. ダブル for ループを使用して三角形を出力し、外側のループ変数を使用して 行 を制御し、内側のループ変数を使用して各行の * 数値の数 を制御します。各行の * 数値が出力され、改行されます。。
実験 2. 関数の作成
ニーズの表明
関数 f(x)=5x^2+9x-15 を作成し、プロンプト ダイアログ ボックスを使用して x の値を入力し、対応する結果をページに出力します。
実装のアイデアと手順
1. 関数を定義し、加算、減算、乗算の演算子を使用して関数を表現します。
2. プロンプト() メソッドを使用して、x の値を入力します。
3. 定義した関数を呼び出します。
4. document.write() メソッドを使用して、対応する結果をページに出力します。
図 1 x の値を入力 図 2 結果をページに出力
4. 実験コードのデモ
実験 1 のコード:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打印三角形</title>
<style type="text/css">
body{text-align: center;}
</style>
</head>
<body>
<script type="text/javascript">
var row=parseInt(prompt("请输入三角形的行数:"));
if(row<=8){
for(var i=0;i<row+1;i++){
for( var j=0;j<i;j++){
document.write("*");
}
document.write("</br>");
}
}
else{
for( var i=0;i<9;i++){
for(var j=0;j<i;j++){
document.write("*");
}
document.write("</br>");
}
}
</script>
</body>
</html>
実験 2 のコード:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计算函数表达式</title>
<script type="text/javascript">
function f(x){
var y=5*x*x+9*x-15;
document.write("结果是"+y);
}
</script>
</head>
<body>
<script type="text/javascript">
var x=parseInt(prompt("请输入一个数"));
f(x);
</script>
</body>
</html>
5. 実験結果
実験 1 の結果:
8 未満の数値を入力してください:
8 より大きい数値を入力してください:
実験 2 の結果: