MiriadaX

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

Enunciado:

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

El código es el siguiente:


<!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>

El resultado es el siguiente:

La fecha y la hora son:


Propiedades DOM:

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

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

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

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

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