Как вывести текущий год на HTML странице


HTML (HyperText Markup Language) — это основной язык разметки веб-страниц. С его помощью можно определить структуру и содержимое страницы. Часто при разработке веб-сайта возникает необходимость вывести на страницу текущий год. В этой статье я покажу вам, как можно сделать это с помощью HTML.

Существует несколько способов вывести текущий год на страницу. Один из самых простых способов — это использование элемента <footer>. <footer> представляет собой контейнер для раздела или страницы. Внутри <footer> вы можете разместить информацию о авторском праве или другие дополнительные сведения о странице.

Вот как это выглядит:

<footer><p class="current-year"><strong><script>document.write(new Date().getFullYear());</script></strong></p></footer>

В результате, на вашей странице будет отображаться текущий год в жирном шрифте.

Вот пример кода, который позволяет вывести текущий год на HTML страницу:

<!DOCTYPE html><html><head><script>var currentDate = new Date();var currentYear = currentDate.getFullYear();document.write("Текущий год: " + currentYear);</script></head><body></body></html>

Вы можете разместить этот код в своем HTML документе, внутри тега <script> перед закрывающим тегом </body>.

Теперь, если открыть эту страницу в браузере, мы увидим текст «Текущий год: [текущий год]». Например, если открыть страницу в 2022 году, будет отображено «Текущий год: 2022».

Таким образом, с помощью нескольких строк кода можно легко вывести текущий год на HTML страницу с использованием JavaScript.

Использование тега <script>

<p>Текущий год: <span id="currentYear"></span></p><script>var year = new Date().getFullYear();document.getElementById("currentYear").innerHTML = year;</script>

В данном примере, сначала создается элемент абзаца, внутри которого будет отображаться текущий год. Элементу задается идентификатор «currentYear», чтобы можно было заменить его содержимое с помощью JavaScript.

Далее следует скрипт на JavaScript, который использует объект Date для получения текущего года. Метод getFullYear() возвращает четырехзначное число, представляющее текущий год. Затем с помощью метода getElementById() находим элемент с идентификатором «currentYear» и изменяем его содержимое, присваивая ему значение переменной year.

После выполнения этого скрипта, на странице будет отображаться текст «Текущий год:» и текущий год. Например, если текущий год 2022, то на странице будет отображаться «Текущий год: 2022».

Тег <script> может быть размещен внутри секции <head> или перед закрывающим тегом </body>. Однако рекомендуется размещать скрипты перед закрывающим тегом </body>, чтобы страница полностью загрузилась перед выполнением скриптов.

Чтобы вывести текущий год на страницу с помощью JavaScript, вам потребуется использовать объект Date. Этот объект предоставляет доступ к текущему времени и дате на компьютере пользователя.

Ниже приведен код, который позволяет получить текущий год и вывести его на страницу:

// Получаем текущий годvar currentYear = new Date().getFullYear();document.write("Текущий год: " + currentYear);

Вы можете разместить этот код в теге

В этом примере используется встроенная функция JavaScript new Date(), которая создает объект с текущей датой, и метод getFullYear(), который возвращает текущий год. Далее, с помощью метода getElementById() мы получаем доступ к элементу с идентификатором 'currentYear' и используем метод innerHTML для изменения его содержимого на текущий год.

После загрузки страницы JavaScript код будет выполнен, и текущий год будет отображен внутри элемента с идентификатором 'currentYear'.

Теперь, когда вы обновите страницу, год будет автоматически обновляться без необходимости изменения HTML-кода. Это очень удобно, если вы хотите, чтобы ваш сайт отображал всегда актуальную информацию о годе.

В файле script.js необходимо добавить следующий JavaScript-код:

var currentDate = new Date();

var currentYear = currentDate.getFullYear();

document.write(currentYear);

Затем, чтобы подключить данный скрипт к HTML-странице, необходимо добавить следующий тег

в HTML-файле:

В результате, при загрузке страницы, скрипт будет выполняться и текущий год будет выведен на странице.

Добавить комментарий

Вам также может понравиться