Práctica obligatoria - MÓDULO 3
JavaScript: sentencia, expresión, variable, función, objeto y DOM.

Enunciado del Ejercicio.

Ampliar la siguiente aplicación Web (muestra la fecha y la hora):



          <!DOCTYPE html>
          <html>
          <head>
             <title>Date</title>
             <meta charset="UTF-8">
          </head>
          <body>
             <h1 id="h1"></h1>
             <h2 id="h2">La fecha y la hora son:</h2>
             <div id="fecha"></div>
          
           <script type="text/javascript">
             var fecha = new Date();
             var msj;
          
             if (fecha.getHours() < 7) { msj = "Buenas noches";}
             else if (fecha.getHours() < 12) { msj = "Buenos días";}
             else if (fecha.getHours() < 21) { msj = "Buenas tardes";}
             else { msj = "Buenas noches";}
          
             document.getElementById("h1").innerHTML = msj;
             document.getElementById("fecha").innerHTML = fecha;
           </script>
          </body>
          </html>



Incluyendo los siguientes elementos:
1) El nombre de la persona que hace la entrega debajo del título <h1>
2) Un bloque <div> debajo de la fecha y la hora y las instrucciones JavaScript necesarias para que muestre en dicho bloque el contenido de las siguientes propiedades DOM en líneas separadas, que comiencen por el nombre de la propiedad(es) mostrada(s):
a) Contenido de innerHTML de elemento identificado por id="h2"
b) Contenido de outerHTML de elemento identificado por id="h1"
c) Contenido de la propiedad global: location.href
d) Contenido de la propiedad global: location
e) Contenido de las propiedades globales: screen.width y screen.height

La fecha y la hora son:

El resultado es el siguiente:

Buenas Noches
Lenys Varguillas

La fecha y la hora son:

Tue Feb 23 2017 21:26:34 GMT-0400 (VET)

Propiedades DOM:

  1. Contenido de innerHTML de elemento identificado por id="h2":

    La fecha y la hora son:

  2. Contenido de outerHTML de elemento identificado por id="h1":

    <h1 id="h1">Buenas tardes<br>Gabriel Abad</h1>

  3. Contenido de de la propiedad global "location.href":

    https://gabriel-abad.neocities.org/html5%20mooc/m03/oblim03/index.html

  4. Contenido de de la propiedad global "location":

    https://gabriel-abad.neocities.org/html5%20mooc/m03/oblim03/index.html

  5. Contenido de de las propiedades globales "screen.width" y "screen.height":

    1920x1080 px