Beispiel:JS-Date-Nummer-Datum.html
Aus SELFHTML-Wiki
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
<title>Tagesnummer und Datum</title>
</head>
<body>
<h1>Tagesnummer und Datum</h1>
<main>
<p>Der
<input type="number" min="1" max="366" id="z" value="100">.
Tag des Jahres
<input type="number" id="year" min="1900" max="2100" step="1" value="2020">
ist
<output id="output"></output>
</p>
</main>
<script>
"use strict";
function getDate() {
const z = document.getElementById('z').value,
year = document.getElementById('year').value,
output = document.getElementById('output'),
target = new Date(year,0,z),
targetDay = target.getDate(),
targetMonth = target.getMonth() + 1,
targetYear = target.getFullYear();
output.innerText = (targetYear == year) ? ' der ' + targetDay + '.' + targetMonth + '.' : ' eine ungültige Datumsangabe.';
}
document.addEventListener('change',getDate);
document.addEventListener('DOMContentLoaded',getDate);
</script>
</body>
</html>
