Ejercicio – Generación de una fecha personalizada mediante javascript

Ejercicio – Generación de una fecha personalizada mediante javascript

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.

Ejemplo resultado de fecha personalizada ejercicio con javascript
Ver solución (Haz clic)

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!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media / 5. Votos:

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.