支援訓練 33日目 - ichisemasashi's blog

HTML 5 Outliner

[制作]練習サイト構築手順（1）

[制作]練習サイト構築手順（2）

[JS]Mathオブジェクト

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Mathオブジェクトのメソッド</title>
</head>
<body>
<script>
var random = Math.random();
var omikuji;
document.write(random);
if(random < 0.33) {
	omikuji = '大吉';
} else if (random < 0.66) {
	omikuji = '吉';
} else {
	omikuji = '凶';
}
document.write('<h1>' + omikuji + '</h1>');
</script>
</body>
</html>

floor 小数点以下を切り捨てる
random ０から１の間の乱数を戻す

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Mathオブジェクトのメソッド</title>
</head>
<body>
<h1>乱数の実験</h1>
<script>
var MAX = 10;
var num;
for (var i = 0; i< MAX; i++) {
	num = Math.floor(Math.random() * MAX);
	document.write(num,"<br>");
}
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Mathオブジェクトのメソッド</title>

</head>
<body>
<h1>本日の画像</h1>
<script>
var numOfImg = 4;
var num;
num = Math.floor(Math.random() * numOfImg );
document.write('<img src="img/img' + num + '.jpg">');
</script>
</body>
</html>