Доброго времени! Создаю визуалку сайта и возникла потребность разместить текущую дату и время. Пока пытаюсь настроить дату, но почему то не выводится результат. Кажется, что getElementsByClassName не работает. Или я сам что-то коряво делаю. На JS обычно не пишу вообще. Прошу простить, если вопрос был глупый.
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="fonts.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div class="main-banner">
<div class="time-info">
<p class="dateFolder" onload="f_date();"></p>
<p class=""></p>
</div>
</div>
</body>
</html>
script.js
function f_date(){
var temp_date = new Date();
var day = temp_date.getDate();
var month = temp_date.getMonth() + 1;
var year = temp_date.getFullYear();
if (day < 10) {
day = "0" + day;
}
if (month <10) {
month = "0" + month;
}
document.getElementsByClassName('dateFolder').innerHTML = day + "." + month + "." + year;
}