Ejercicio – Generación de una fecha personalizada mediante javascript

Ejercicio – Generación de una fecha personalizada mediante javascript

Print Friendly, PDF & Email
Ejercicio – Generación de una fecha personalizada mediante javascript
Valora esta entrada
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!

Entradas relacionadas:

Métodos javascript
- 439
Javascript es un lenguaje basado en métodos. Existen muchos métodos predefinidos que afectan a arrays, strings, números y casi cualquier variable de tipo objeto. Veamos un resumen de los más important...
Ejercicio JS – Como cargar una imagen aleatoria al clicar un botón
- 170
Ejercicio javascript resuelto en el que see plantea un script para cargar una imagen aleatoria cada vez que se clica un botón.
Sustituir un nodo por otro en el DOM mediante Javascript
- 289
Para poder sustituir un nodo por otro en el DOM previamente necesitas saber como: Identificar nodos del DOM. Crear nuevos nodos. Si tienes claros estos conceptos sigue leyendo el ejemplo práctico.
Ejercicio JS – Menú vertical desplegable con javascript (sin jquery)
- 284
Ejercicio práctico con solución sobre como crear un menú vertical con submenú vertical desplegable en javascript sin jquery. Incluye solución.
La apasionante historia del Javascript (resumida)
- 595
Javascript es un lenguaje de programación de lado cliente que ha cambiado Internet tal y como lo conocemos a día de hoy. Junto con el html y el css es uno de los 3 pilares del diseño web. Es un requer...
Ejercicio – Escribir un texto almacenado en una variable
- 178
Este es un simple ejercicio cuyo objetivo es únicamente coger un poco de soltura usando expresiones típicas en javascript.
Cuidado con los tutoriales pdf obsoletos sobre html, css y javascript
- 62
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
Instrucción “this” de Javascript explicada paso a paso
- 305
Ejemplo explicado paso a paso para entender el concepto del this en javascript. Se empieza con el javascript en línea en el html para finalmente inicializar los eventos llamándolos directamente desde ...
Eliminar eventos Javascript .removeEventListener()
- 1170
Ejemplos prácticos de como usar addEventListener() y removeEventListener() del tutorial gratuito de Javascript (y apuntes para mis alumnos)
Ejercicio – Vamos a dormir, hay 100 ovejas que contar
- 134
Ejercicio javascript dónde se practica el uso de for y de while para la resolución de un mismo problema JS. Incluye solución.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. 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.