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:
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 !!
1 comentario sobre «Generador de nombres aleatorios en JavaScript»