曜日に該当する画像を表示

WEB便利

曜日に該当する画像を表示

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>リロードでランダム表示</title>
</head>
<body>
<div class="content">
<h1>曜日に該当する画像を表示</h1>
<p id="imgArea">ここに表示</p>

</div>

<script>
window.onload = function() {
var today =new Date();
var day = today.getDay();
var changeImg = ['sunday','monday','tuesday','wednesday','thursday','friday','saturday'];
//var num = Math.floor(Math.random()*changeImg.length);
var str = document.getElementById('imgArea');
str.innerHTML='<img src="img/' + changeImg[day] + '.jpg" alt="">';	
}	
</script>
</body>
</html>
タイトルとURLをコピーしました