Я пытаюсь добавить текст на свой сайт в зависимости от времени. Однако я не могу заставить его работать!Функция «Моя дата»() JavaScript не работает?
HTML:
<!doctype>
<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
<script link="index.js"></script>
</head>
<body>
<div id="header">
<img id="bannerImage" src="banner.jpg" align="middle"></img>
</div id="header">
<section id="master">
<div id="navigation">
<ul>
<li class="navObject">About Me</li>
<li class="navObject">Products</li>
<li class="navObject">Contact</li>
<li class="navObject">FAQ</li>
</ul>
</div>
<div>
<h3 id="welcomeText"></h3>
</div>
</section>
</body>
</html>
JS:
var timeAdd = function(){
var today = new Date();
var todayHour = today.getHours();
var message;
switch(todayHour){
case(todayHour > 18):
message = "Good Evening!";
break;
case(todayHour > 12):
message = "Good Afternoon!";
break;
case(todayHour > 0):
message = "Good Morning!";
break;
default:
message = "Welcome!";
break;
}
return message;
};
var tag = document.getElementById("welcomeText");
tag.textContent(timeAdd());
Я просто хочу, чтобы иметь возможность добавить сообщение в указанный DIV. Когда я пробую страницу, ничего не появляется. Я пробовал по-разному, так, чего мне не хватает?
'tag.innerHTML = timeAdd()' должна работать , – Christoph
Вы хотите использовать 'switch (true)' –
@Antiga См. Http://stackoverflow.com/a/3463944/338803 – sje397