Aprendamos como insertar la fecha y la hora
<!DOCTYPE html><html> »»»» Indica que utilizamos HTML5.
<head>»»»»es un contenedor para todos los elementos de cabeza.puede incluir un título para el documento, scripts.
<title>Date</title>»»»» Indica un nombre en la barra.
<meta charset="UTF-8">»»»»Especificar la codificación de caracteres para el documento HTML.
</head>»»»»Cerramos el contenedor.
<body>»»»»Abrimos el cuerpo del documento.
<h1 id="h1"></h1>»»»» Con el id imprime la etiqueta.
<h2 id="h2">La fecha y la hora son:</h2>»»»»con el id imprime la etiqueta de diferente tamaño.
<div id="fecha"></div>»»»»Muestra la fecha y la Hora.
<script type="text/javascript">»»»»Indicamos que vamos a utilizar lenguaje de javascript.
var fecha = new Date();»»»»Definimos una variable y le indicamos la nueva fecha.
var msj;»»»»Definimos una variaable.
if (fecha.getHours() < 7) { msj = "Buenas noches";}»»»»muestra un rotulo si la condicion es verdadera.
else if (fecha.getHours() < 12) { msj = "Buenos días";}»»»»muestra el mensaje si la condicion anterior no es verdadera.
else if (fecha.getHours() < 21) { msj = "Buenas tardes";}»»»»muestra el mensaje si la condicion anterior no es verdadera.
else{ msj = "Buenas noches";}»»»» muestra un mensaje si la condicion es falsa.
document.getElementById("h1").innerHTML = msj;»»»»Devuelve el contenido de id en la variable h1.
document.getElementById("fecha").innerHTML = fecha;»»»» Devuelve el contenido de id en la variable fecha.
</script>»»»»Cerramos el lenguaje.
</body>»»»»Cerramos el cuerpo del documento.