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 += ““;
}
}

付録

おみくじWeb版
ダイレクトインポート（完成版）

ソースコード

        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);
        }