バブルソート：
基本情報試験の前には必ず押さえておくこと
新規にファイルを作成→
sort1.html <title>はアルゴリズム
sort1.css
sort1.js
英語の点数の平均点を求める
→適当に配列eigoに自由にテストの点数を任意の数作る。
var eigo = [80,7,50,10,100,90,8,70,60,100];
console.log(eigo.length);
→その平均点を求めましょう
--->sort1.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>アルゴリズム</title>
<link rel="stylesheet" href="sort1.css">
</head>
<body>
<p id="heikin"></p>
<ul id="foo"></ul>//自習：配列内容を表示
<script src="sort1.js"></script>
</body>
</html>
--->sort1.js
var eigo = [80,7,50,10,100,90,8,70,60,100];
var goukei = 0; //合計点
var foo = document.getElementById('foo');
//平均点を求める
for (var i=0; i<eigo.length; i++){
goukei += eigo[i];
var ele=document.createElement('li');//自習：配列内容をリストに表示
ele.innerHTML=eigo[i];
foo.appendChild(ele);
}
var heikin = goukei/eigo.length;
//console.log(heikin);
p1 = document.getElementById('heikin');//HTML上のheikinという定数文字列を取得
p1.innerHTML = '平均点は'+heikin;//変数のほうのheikinを代入して表示
次に最高点と最低点を表示。(自習込み）
htmlに表示場所を追加。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>アルゴリズム</title>
<link rel="stylesheet" href="sort1.css">
</head>
<body>
<p id="heikin"></p> <!--平均点を表示-->
<p id="saikou"></p> <!--最高点を表示-->
<p id="saikou2"></p> <!--最高点を表示2-->
<p id="saitei"></p> <!--最低点を表示-->
<p id="saitei2"></p> <!--最低点を表示2-->
<ul id="foo"></ul>
<script src="sort1.js"></script>
</body>
</html>
--->sort1.js
var eigo = [80,7,50,10,100,90,8,70,60,100];
var goukei = 0; //合計点
var foo = document.getElementById('foo');
//平均点を求める
for (var i=0; i<eigo.length; i++){
goukei += eigo[i];
var ele=document.createElement('li');//自習：配列内容をリストに表示
ele.innerHTML=eigo[i];
foo.appendChild(ele);
}
var heikin = goukei/eigo.length; //合計点を人数で割る
//console.log(heikin);
p1 = document.getElementById('heikin');//HTML上のheikinという定数文字列を取得
p1.innerHTML = '平均点は'+heikin;//変数のほうのheikinを代入して表示
//
//最高点を求める/Math.max.apple()を使う
var saikou = Math.max.apply(null,eigo);
p2 = document.getElementById('saikou');
p2.innerHTML = '最高点は'+saikou;
//最高点を求める２/for文を使う
var saikou2 = 0;
for (var i=0; i<eigo.length; i++){
if (saikou2 < eigo[i]){ //より大きな数が出たら
saikou2 = eigo[i]; //値を上書き
}
}
p201 = document.getElementById('saikou2');
p201.innerHTML = '最高点は'+saikou2;
//最低点を求める/Math.min.apple()を使う
var saitei = Math.min.apply(null,eigo);
p3 = document.getElementById('saitei');
p3.innerHTML = '最低点は'+saitei;
//最低点を求める２/for文を使う
saitei2 = 100; //とりあえず初期値は100点にする
for (var i=0; i<eigo.length; i++){
if (saitei2 > eigo[i]){ //より低い点数がきたら
saitei2 = eigo[i]; //値を上書き
}
}
p301 = document.getElementById('saitei2');//HTML上のsaitei2をオブジェクト化
p301.innerHTML = '最低点は'+saitei2;//オブジェクトに変数saitei2を入れる
