40日目 | 配列とrandom関数でおみくじライクなアプリを作る

授業

javascript 配列とrandom関数でおみくじライクなアプリを作ります

表示した瞬間に運勢を表示します。背景におみくじ感を出す画像を置きます。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>おみくじ</title>
<style>
body{
	background:url(img/omikuji/omikuji.gif);
}
</style>
</head>

<body>
<h1>あなたの今日の運勢</h1>
<script>
//配列imagesにイメージファイルのパスを入れておく
var images= new Array(4);
images[0]="img/omikuji/0.jpg";
images[1]="img/omikuji/1.jpg";
images[2]="img/omikuji/2.jpg";
images[3]="img/omikuji/3.jpg";

num= Math.floor(Math.random()*4);
document.write('<p><img src="');
document.write(images[num]);
document.write('"></p>');
</script>
</body>
</html>