<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
div {
font: 14px serif;
border: 1px solid #ccc;
padding: 5px;
margin-bottom: 5px;
text-align: center;
}
</style>
</head>
<body>
<script type="module">
let days = ["Воскресенье", "Понедельник", "Вторник",
"Среда", "Четверг", "Пятница", "Суббота"],
months = ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь",
"Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"];
let d = new Date();
for (let item of [
["hours", () => d.getHours()],
["minutes", () => d.getMinutes()],
["seconds", () => d.getSeconds()],
["day", () => days[d.getDay()]],
["date", () => d.getDate()],
["month", () => d.getMonth() + 1],
["month_name", () => months[d.getMonth()]],
["year", () => d.getFullYear()]
])
document.getElementById(item[0]).textContent = item[1]();
</script>
<div id="hours"></div>
<div id="minutes"></div>
<div id="seconds"></div>
<div id="day"></div>
<div id="date"></div>
<div id="month"></div>
<div id="month_name"></div>
<div id="year"></div>
</body>
</html>
Почему не показывает компоненты даты ? только пустые дивы...