<!DOCTYPE html> <----------------- Declara que usaremos la version HTML5
<head> <----------------- Puede incluir un título para el documento, scripts, estilos, meta-información, y más.
<title>Date</title> <----------------- Define un título en la barra de herramientas del navegador
<meta charset="UTF-8"> <----------------- El atributo charset especifica la codificación de caracteres para el documento HTML.
</head> <----------------- Cerramos El atributo
<body> <----------------- Define el cuerpo del documento.
<h1 id="h1"></h1> <----------------- Imprimira la etiqueta h1
<h2 id="h2">La fecha y la hora son:</h2> <----------------- Imprimira la etiqueta h2
<div id="fecha"></div> <----------------- Imprimira la fecha y la hora actual.
<script type="text/javascript"> <----------------- El tipo de medios se compone de dos partes: un tipo de medio y un subtipo.
JavaScript, el tipo de medio es "text / javascript".
var fecha = new Date(); <----------------- es una etiqueta frase. Se define una variable.
var msj; <----------------- es una etiqueta frase. Se define una variable.
if (fecha.getHours() < 7) { msj = "Buenas noches";} <----------------- Ejecuta código si una condición es verdadera
else if (fecha.getHours() < 12) { msj = "Buenos días";} <----------------- Ejecuta código si una condición es verdadera y otro código si esa
condición es falsa
else if (fecha.getHours() < 21) { msj = "Buenas tardes";}
else { msj = "Buenas noches";} <----------------- Ejecuta código si una condición es falsa
document.getElementById("h1").innerHTML = msj; <----------------- devuelve el elemento que tiene el atributo ID con el valor especificado.
document.getElementById("fecha").innerHTML = fecha; <----------------- devuelve el elemento que tiene el atributo ID con el valor especificado.
</script>
</body>
</html>