random関数０３

JavaScript 授業




☆★データーでの確認★☆

おみくじ


  • 大吉・中吉・小吉・凶がランダムに表示する


ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>おみくじ</title>

<style>

body {
	background: url(images/omikuji.gif);
	}

</style>

</head>
<body>

<h1>あなたの今日の運勢</h1>

<script>


// 配列imagesにイメージファイルのパスを入れておく
var images = new Array(4);



images[0] = 'images/0.jpg';
images[1] = 'images/1.jpg';
images[2] = 'images/2.jpg';
images[3] = 'images/3.jpg';


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


</script>

</body>
</html>

ブラウザで表示