Necesito hacer un "Test de Personalidad Económica" similar a este enlace
https://bit.ly/3pibhpu en un script html/js.
El usuario deberá marcar palabras en una tabla de 78 palabras que te enviaré. Cada palabra sumará un punto a una categoría (habrá 8 categorías). Las casillas de verificación deben tener el mismo efecto que se muestra en este enlace
https://codepen.io/dylanraga/pen/Qwqbab/. Además, las palabras deben tener el mismo efecto al pasar el cursor sobre ellas. Una vez que el usuario marque todas las palabras deseadas, deberá hacer clic en el botón "Ver resultados". Después de eso, verá un texto y un formulario que le pedirá su nombre y datos de contacto (nombre, correo electrónico, teléfono, ciudad, país, etc.).
Necesito esto en un día.
Después de que complete el formulario, verá otro texto y recibirá en su correo electrónico los resultados del texto.
El correo electrónico con los resultados debe ser un correo HTML que incluirá una tabla con los resultados de cada una de las 8 categorías. Los resultados de cada categoría se calculan en porcentaje del total de palabras de esa categoría (algunas palabras están en 2 categorías) y cuántas palabras de esa categoría ha marcado. Por ejemplo, si en la categoría roja hay 8 palabras y él marcó 4, obtendrá un 50% en esa categoría. También se creará un gráfico del resultado porcentual y se indicará si la categoría es activa o pasiva (si alguna categoría tiene más de 5 palabras marcadas, es una categoría activa; de lo contrario, es pasiva). La lista de categorías debe ordenarse por el porcentaje; las que tienen un porcentaje más alto deben estar en la parte superior y las que tienen un porcentaje más bajo, debajo. Además, se debe dibujar una línea debajo de la lista de categorías activas, esta línea separará las categorías activas y pasivas.
Aquí puedes ver un ejemplo de cómo debe verse el correo electrónico
https://imgur.com/a/dXtKBlQ (esta imagen no ordena las categorías ni dibuja la línea debajo de las categorías activas, como necesito). Si leíste esto, por favor comenta "elefante rosa" para que sepa que lo has leído.
También deberá enviar un correo electrónico al administrador, con un texto diferente, los detalles del usuario (nombre, correo electrónico, teléfono, ciudad, país, etc.) Y también adjuntar un archivo CSV exactamente como este
http://bit.ly/3JLiEs6, donde se incluirán los detalles del usuario, los resultados en porcentaje para cada categoría, el resultado para cada categoría si es activa o pasiva, y el resultado para cada palabra, poniendo 0 si la palabra no se marcó y 1 si se marcó.
Deberás hacer esto en mi servidor, te enviaré las credenciales de CPANEL.
Plazo de Entrega: 13 Julio, 2023