Generador de nombres aleatorios en JavaScript

Generador de nombres aleatorios en JavaScript

Vamos a aprender a implementar un Generador de nombres aleatorios en JavaScript, básicamente utilizaremos dos Arrays uno para los nombres y otro para los apellidos.

Utilizaremos una función Math.random() para recorrer cada Array de manera aleatoria sabiendo su tamaño con la propiedad .length.

Lo demás es utilizar la propiedad innerHTML para planchar los resultados de nombre y apellidos aleatorios en el index.html de la aplicación.

Demo del Generador de nombres aleatorios en JavaScript

El demo de la aplicación se encuentra en el siguiente enlace:

https://configuroweb.github.io/nombres/index.html

La página para que sea puesta a prueba opté por colgarla en GitHub Pages un sistema por medio del que GitHub permite alojar páginas estáticas desde un repositorio subido. Si deseas alojar proyectos en Python o en PHP o con Javascript del lado del servidor puedes utilizar Heroku

Tengo otra publicación donde implemento y publico en GitHub Pages, un Generador de Contraseñas, Generador de Frases y Generador de Fondos Gradientes CSS y RGB que les podría interesar.

Video explicativo de la aplicación para la generación aleatoria de nombres

El proceso se explica a cabalidad en el vídeo a continuación:

Descarga he implementación del proyecto en JavaScript

El siguiente es el enlace del repositorio donde tengo el proyecto colgado en GitHub:

Generador de nombres aleatorios en JavaScript

Como es una página estática, no se requiere utilizar un backend, no debes instalar ningún servidor basta con descargar el proyecto y ejecutar la página index.html

Subida del proyecto Generador aleatorio de nombres a un hosting

En una publicación previa explico como subir un proyecto similar a este a GitHub Pages si deseas subirlo a un hosting como hostinger en el siguiente vídeo explico la forma de hacerlo:

Cualquier duda quedo al pendiente !!

Un comentario

  1. Pingback: 46 aplicaciones gratuitas en PHP, Python y Javascript - ConfiguroWeb

Deja una respuesta

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