Блог

Главная - Вопросы по программированию - Час проверки JavaScript

Час проверки JavaScript

#javascript #html

#javascript #HTML

Вопрос:

Мне нужна помощь, пожалуйста, если вы можете, мне нужно создать программу с двумя файлами, одним HTML и одним JS, которая содержит функцию CheckTime() . Мне нужно использовать в HTML-файле

это спрашивает меня, который час. Затем, когда я нажимаю на кнопку «Вставить час», я должен вставить время, но только час, вставленный вручную, в поле приглашения, затем нажмите «ок», а затем, если я нажму «ок», функция должна показать мне ТЕКСТ «ДОБРОЕ УТРО», если он <11 или Добрый день. Не могли бы вы мне помочь, пожалуйста?

 <html>
<head><title> Ex 1 </title>
<script type="text/javascript" src="ex1.js">
</script>
</head>
<body>
<p> What time is it? </p>
<button onclick="checkTime()">What time is it?</button>
</body>
</html>

и тогда файл JS выглядит следующим образом

 window.onload = checkTime;
var hour;
function checkTime()
{
    var hour = prompt("What time is it?");
if (hour < 11) {
  document.getElementById("demo").innerHTML = "Good Morning!"
}
else {
    document.getElementById("demo").innerHTML = "Good Afternoon!"
}

Комментарии:

1. Вы сами решили это в своем примере. За исключением пропущенного } в конце и того факта, что window.onload=checkTime он запускается сразу после загрузки страницы. В чем проблема?

2. также отсутствует div (или любой другой элемент), который вы преломляете в коде (с демонстрацией идентификатора)

Ответ №1:

В вашей функции checkTime отсутствует закрывающая скобка! И отсутствует элемент с id="demo"

Ответ №2:

Добавьте следующий тег div в тег тела HTML:

 <div id="demo">

</div>

Затем убедитесь, что в JavaScript тоже, чтобы закрыть функцию checkTime, в конце добавьте недостающее }

Ответ №3:

Вы забыли добавить элемент с идентификатором demo

 window.onload = checkTime;
var hour;

function checkTime() {
  var hour = prompt("What time is it?");
  if (hour < 11) {
    document.getElementById("demo").innerHTML = "Good Morning!"
  } else {
    document.getElementById("demo").innerHTML = "Good Afternoon!"
  }
} 
 <p> What time is it? </p>
<button onclick="checkTime()">What time is it?</button>

<p id="demo"></p>
Метки: