40日目 | javascript イメージ画像をランダムに表示する

授業


画像を複数用意し、ブラウザにランダムに表示します。

日付を取得する関数も使用し、本日の日付をテキストで表示しつつ、画像をランダムに表示します。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>イメージをランダムに表示する</title>
<style>
body{
	text-align:center;
	background-color:#CCC;
}
</style>
</head>

<body>
<script>
numOfImg = 4;
var num;
var date = new Date();
document.write('<h1>');
document.write('本日', date.getDate(),'日のイメージ画像');
document.write('</h1>');
num=Math.floor(Math.random()*numOfImg)
document.write('<img src="img/gazo/img', num, '.jpg">');
</script>
</body>
</html>