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:

Crear, modificar, eliminar y detectar cookies con Javascript
- 808
En esta entrada explicamos los tipos de cookies que existen y mostramos una biblioteca de funciones que nos permite crear, modificar, eliminar y detectar cookies con javscript.
Función que crea un objeto y lo almacena en una lista en Javascript
- 400
Javascript es un lenguaje basado en el uso de objetos. Los objetos son recursos que nos permiten agrupar un conjunto de propiedades alrededor de una idea común. Un constructor es un tipo especial de f...
Onresize window para calcular el width y el height disponibles
- 256
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Estructura condicional switch en Javascript
- 554
Podemos escribir una estructura condicional mediante el if(){}else if(){}else{} o mediante el switch(){}. ¿Cuando usar una opción y no la otra? En esta entrada vemos un ejemplo para el switch y coment...
Como eliminar nodos del DOM mediante Javascript
- 470
Resumimos como eliminar nodos del DOM mediante javascript y siguiendo una estrategia sencilla mediante .removeChild()
Ejercicio – Sumas con letras
- 104
En este ejercicio vemos de forma práctica si la suma de valores numéricos o strings resulta en una suma o una concatenación.
Introducción a las animaciones Javascript: setInterval() y setTimeout()
- 518
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
Eliminar el comportamiento por defecto de un elemento html
- 229
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Carácteres escapados en Javascript
- 238
El término escapar un carácter en Javascript sin duda da un poquito de yuyu. En realidad una palabra poco atractiva para algo muy práctico. El concepto es muy similar al de escapar un carácter en HTML...
La apasionante historia del Javascript (resumida)
- 400
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...
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.