Ejercicio – Generación de una fecha personalizada mediante javascript

0
(0)

Publicado

Aviso importante web en obras

Es posible que el contenido que estás visualizando tenga un formato un poco raro o que se haya perdido algún contenido. Esto se debe a que en 2023/09 decidí renovar la página y con más de 1000 escritos el trabajo de irlos revisando uno por uno es agotador. Poco a poco iré corrigiendo todos los contenidos. ¡Gracias por la comprensión!

Imagen destacada ejercicio de creación de fechas personalizadas

En este ejercicio vamos a trabajar el uso de métodos relacionados con el objeto fecha.

Repasaremos también el uso y llamada de una función.

Te será muy fácil resolver este ejercicio si lees esta entrada.

Enunciado

Escribe un script que escriba por pantalla el día, mes y año en el que nos encontramos.
Ejercicio - Generación de una fecha personalizada mediante javascript 1

Solución del ejercicio

Para solucionar el ejercicio hacemos uso de la llamada a una función y la declaración de esta.

Dentro de la función declaramos una fecha. Fijaros que debemos hacer uso de la palabra reservada new.

Se propone el uso de los métodos:

  • fecha.getDate()  que devuelve el día del mes en el que nos encontramos.
  • fecha.getMonth() que devuelve el mes en el que nos encontramos siendo un número entre el 0 y el 11.
  • fecha.getFullYear() que devuelve el año en formato 4 dígitos. (me gusta más esta opción que getYear())

Fijaros que para trasladar el mes de número a string se usa un array que contiene los doce meses del año. De este modo conseguimos el mes en formato escrito.

Finalmente escribimos por pantalla con document.write()

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="author" content="Francesc Ricart">
        <title>Ejercicio fechas personalizadas</title>
    </head>
    <body>
    
    <script>
        var meses = ["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"];
        
        escribeFecha();
        
        function escribeFecha(){
            var fecha = new Date();

            var dia = fecha.getDate();
            var mesNumero = fecha.getMonth();
            var mes = meses[mesNumero];
            var ano = fecha.getFullYear();

            document.write("Hoy es " + dia + " de " + mes + " de " + ano);
        }
    </script>

    </body>
</html>

¡Hola!

Querido lector,

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *