8章
ソースコード1
function greet() {
// 現在の時刻を取得
var date = new Date();
var hour = date.getHours();
if(hour >= 5 && hour <= 10) {
document.getElementById(“message”).innerHTML = ” おはよう! “;
} else if(hour >= 11 && hour <= 18) {
document.getElementById(“message”).innerHTML = ” こんにちは! “;
} else {
document.getElementById(“message”).innerHTML = ” こんばんは! “;
}
}
ソースコード2
if(hour >= 5 && hour <= 10) {
document.getElementById(“message”).innerHTML =
” おはよう! “;
document.getElementById(“icon”).src = “images/morning.png”;
} else if(hour >= 11 && hour <= 18) {
document.getElementById(“message”).innerHTML =
” こんにちは! “;
document.getElementById(“icon”).src = “images/afternoon.png”;
} else {
document.getElementById(“message”).innerHTML =
” こんばんは! “;
document.getElementById(“icon”).src = “images/evening.png”;
document.body.style.backgroundColor = “black”;
}
9章
ソースコード
function showProfile() {
// テキストボックスの入力値を取得
var name = document.getElementById(“name”).value;
alert(” 名前:” + name);
// チェックボックスのチェック状態を取得
var checked = document.getElementById(“autoLogin”).checked;
if(checked) {
alert(” 自動ログイン:ON”);
} else {
alert(” 自動ログイン:OFF”);
}
// ドロップダウンメニューのうち選択されている値を取得
var language = document.getElementById(“languageList”).value;
alert(” 言語設定:” + language);
}
10章
ソースコード
function calc() {
var height = document.getElementById(“height”).value;
height = height / 100;
var weight = document.getElementById(“weight”).value;
var bmi = weight / (height * height);
document.getElementById(“bmi”).innerHTML = “BMI : ” + bmi;
var message = ” あなたは”;
if(bmi < 18.5) {
message += ” 低体重( 痩せ型) です。”;
} else if (bmi >= 40) {
message += ” 肥満(4 度) です。”;
}
document.getElementById(“message”).innerHTML = message;
}
11章
ソースコード
var answerList = [
"友情",
"愛",
"プライド",
"お金",
"夢"
];
function showAnswer() {
var choiceNo = document.getElementById("choiceList").value;
document.getElementById("answer").innerHTML = "";
document.getElementById("answer").innerHTML += "この心理テストは、あなたが一番大事にしているものを表しています。<br>";
document.getElementById("answer").innerHTML += "あなたが一番大事にしているものは、" + answerList[choiceNo] + "」です。";
}
12章
ソースコード1
for (var i=1; i<=10; i++) {
document.writeln(i);
}
ソースコード2
var fruits = ["ばなな","りんご","めろん","さくらんぼ"];
for (var i=0; i < fruits.length; i++) {
document.writeln(i);
document.writeln(fruits[i]);
}
ソースコード3
function insert() {
var images = [
“strawberry.png”,
“orange.png”,
“grape.png”,
“peach.png”,
“melon.png”
];
for (var i=0; i<images.length; i++) {
document.getElementById(“imageList”).innerHTML += ““;
}
}
付録
ソースコード
var image_name;
var kekka = ["daikichi.png","kyou.png"];
image_name = kekka[no];
ソースコード
let yokin = [100000];
let riritsu = 0.05;
let risoku;
let term = 20;
let tsumitate = 50000;
for (let i = 0; i < term; i++) {
risoku = yokin[i] * riritsu;
yokin.push(yokin[i] + risoku + tsumitate);
}