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

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

&lt;/div&gt;

&lt;script&gt;
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='&lt;img src="img/' + changeImg[day] + '.jpg" alt=""&gt;';	
}	
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

<!doctype html>

<html>

<head>

<title>リロードでランダム表示</title>

</head>

<body>

<h1>曜日に該当する画像を表示</h1>

<p id="imgArea">ここに表示</p>

</div>

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>

月	火	水	木	金	土	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

月	火	水	木	金	土	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30