JavaScriptコード掲載ページ

aisatsu.htmlのコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>時刻に応じた挨拶を表示する</title>

<script>
       function PrintHour(){
               var d,h,s;
               d = new Date();
               h = d.getHours();

               if (h < 12) {
                       s= "おはようございます！";
               } else if (h < 18) {
                       s = "こんにちは！";
               } else {
                       s = "こんばんは！";
               }

               document.getElementById("ji").innerHTML = h +"時です。 " + s;
       }
</script>

</head>
<body onLoad="PrintHour()">
<span id="ji">7時 です。</span>
</body>
</html>