Функция внутри тега h1?

Я хочу вставить мою функцию внутри var today = new Date (); var curHr = сегодня . getHours (); function greeting () { if ( curHr < 12 ) { document . написать ( «Доброе утро» ); } else if ( curHr < 18 ) { document . написать ( «Добрый день» ); } else if ( curHr < 20 ) { document . написать ( «Добрый вечер» ) } else { document . писать ( «Спокойной ночи» ); } }, поэтому он будет обращать внимание пользователя на приветствие в зависимости от времени суток. Это моя функция времени, но как ее реализовать в h1?

<h1 id="goeshere">Message</h1>

javascript,html,css,

-2

Ответов: 4


2

Вы даете свой H1 идентификатор

document.write

Затем вы заменяете что-то вродеdocument.getElementById('goeshere').textContent = 'Good Morning'.

document.write

и делать это для всех условий.

Вы не помещаете javascript внутри H1, и вы никогда не используете его !var today = new Date(); var curHr = today.getHours(); function greeting() { if ( curHr < 12) { document.getElementById('goeshere').textContent = 'Good Morning'; } else if ( curHr < 18) { document.getElementById('goeshere').textContent = 'Good Afternoon'; } else if ( curHr < 20) { document.getElementById('goeshere').textContent = 'Good Evening'; } else { document.getElementById('goeshere').textContent = 'Good Night'; } } greeting()

<h1 id="goeshere">Message</h1>
document.write


1

Я думаю, вы пытаетесь написать функцию, которая suppsoed для обновления тега заголовка.

Вы должны выбрать дату внутри функции (нет необходимости в глобальных переменных). Функция должна вернуть желаемое значение (вместо ). И вы должны использовать функцию, если это необходимо, например:function greeting() { var today = new Date(); var curHr = today.getHours(); if ( curHr < 12) { return 'Good Morning'; } else if ( curHr < 18) { return 'Good Afternoon'; } else if ( curHr < 20) { return 'Good Evening'; } else { return 'Good Night'; } } var h1 = document.getElementById('my-header'); // Check if such header actually exists if (h1) { h1.innerHTML = greeting(); }

h1

Предполагается , что код выполняется где - то после того, как в h1теге (тег должен быть доступен , когда доступ к нему), например:

<h1 id="my-header">Default header</h1>
<!-- ... -->
<script>/* here */</script>

0

Вы помещаете скрипт, который называет его.

<h1><script>greeting()</script></h1>

0

вы можете попробовать таким образом и

  var today = new Date();
  var curHr = today.getHours();
  function greeting() {
  if ( curHr < 12) {
  return 'Good Morning';
  } else if ( curHr < 18) {
  return  'Good Afternoon';
  } else if ( curHr < 20) {
  return  'Good Evening';
  } else {
  return 'Good Night';
  }
}
 var xyz= greeting()
 //alert(xyz)
 document.getElementById('yourElementId').textContent =xyz

посмотрите здесь рабочий пример.

JavaScript, HTML, CSS,
Похожие вопросы