sábado, 12 de julio de 2014

Crear copia de la Aplicación "¿Que significa tu nombre? en HTML5




Bien, en Facebook eh notado que se esta volviendo una simple aplicación que se llama ¿Que significa tu nombre?  y dirás, ¿De que se trata? que tiene que ha hace muy popular entre tus amigos y a cada momento vez una publicación de la misma, pues esta aplicación toma tu nombre propio como base y de ahí cada letra la usa para formar otra palabra pero esta son cualidades positivas de forma vertical.
Este es su plus, haciendo sentir bien al usuario, "demostrando" que su nombre significa eso y por lo cual el es una persona de bien
.





La aplicación por lo que note esta desarrollada en php y pues es muy sencillo hacerla, vamos a usar JavaScript para hacer una aplicación similar.


Maquetamos nuestra aplicación en HTML.


Aquí el ejemplo de como funcionaria.

Al apretar el boton los procesos que ocurren son estos:

  • Limpia mis "div" nombre y palabras.
  • La variable nombre almacena el texto que se ingresa.
  • Mi aplicación tiene una restricción de no mas de 8 caracteres.
  • Tomamos el valor del sexo del nombre.
  • Tenemos un arreglo donde almacenaremos las letras del nombre.
  • Agregamos cada palabra con un div con la clase "p".
  • Por ultimo llamamos la función diccionario el cual toma la letra y el sexo, para asi generar una cualidad.



Nuestra función diccionario.
Esta función nos ayudara a recibir como argumento una letra y el sexo de la persona, para asi generar una palabra dependiendo de la letra.
Usamos un aleatorio para crear mas opciones de palabras con la misma letra.


La pueden ver funcionar en el siguiente link.

No hay comentarios:

Publicar un comentario