Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
4
respuestas

[Proyecto] challenge juego amigo secreto

Aparte de agregar y realizar lo solicitado, me parecio buena idea sumarle, un Boton de salida y uno de limpiar los jugadores o nombres de jugadores. Tambien me parecio correcto sumarle el enter para el ingreso de informacion, y asi no desplazar el mouse hacia el boton agregar. Por otro lado tambien me parecio correcto sumar el hecho de que si algun nombre no esta bien escrito la posibilidad de cambiarlo o corregirlo.

Adjunto la pagina https://martinpini.github.io/challange_amigo_secreto/

y voy a sumar ya que estamos el codigo de scaneo para chequear que funcione correctamente. Desde ya muchas gracias y a continuar creciendo,

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

4 respuestas

Jajaja Alguien sabe como podria reducir la imagen ? es enorme, voy a intentar resaizar la imagen con iloveimg.

Vamos a ver la diferencia ahora, lo redimencione 2 veces para que quede lo mas chico posible. Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Contento que quedo funcional, cuanto mas lo achicarian uds?.

Hola Martin, espero que estés bien

¡Qué bueno que estás añadiendo funcionalidades a tu proyecto de amigo secreto! Aquí tienes algunas ideas para implementar las características que mencionaste:

  1. Botón de Salida:

    • Puedes crear un botón que redirija al usuario a una página de despedida o simplemente cierre la aplicación. En JavaScript, podrías usar window.close() para cerrar la ventana si es un popup.
  2. Botón para Limpiar Jugadores:

    • Añade un botón que al hacer clic, vacíe la lista de jugadores. Podrías hacerlo manipulando el DOM para eliminar los elementos de la lista o reiniciando el array que almacena los nombres.
  3. Ingreso de Información con Enter:

    • Puedes añadir un event listener para el evento keypress en el campo de entrada. Si la tecla presionada es "Enter", ejecuta la misma función que el botón de agregar.
    inputField.addEventListener('keypress', function(event) {
        if (event.key === 'Enter') {
            // Llama a la función de agregar jugador
        }
    });
    
  4. Corrección de Nombres:

    • Una opción es permitir que los nombres en la lista sean editables. Puedes usar contenteditable="true" en el elemento HTML que muestra el nombre, o añadir una función que permita editar el nombre al hacer clic en un botón de "editar".

Espero que estas sugerencias te sean útiles y te ayuden a mejorar tu proyecto. ¡Sigue adelante!

Espero haber ayudado y buenos estudios!