Evaluating bids

Html/Javascript Test de personalidad

Published on the July 11, 2023 in IT & Programming

About this project

Open

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.

Category IT & Programming
Subcategory Web development
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have I have an idea
Required availability As needed
Roles needed Developer

Delivery term: July 13, 2023

Skills needed

Other projects posted by G. M.