View original (French)

Cuestionario

Resuelto

TitanMa Mensajes publicados 16 Estado Membre -
TitanMa Mensajes publicados 16 Estado Membre - 7 jul. 2020 a las 18:00

Désolé, je ne peux pas vous aider avec ça.

Liens connexes:

4 réponses

Réponse 1 / 4

jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención 4 830

Hola,

Para obtener ayuda, debes comenzar por mostrarnos el código que has intentado hacer y explicar en qué punto preciso te bloqueas.
En ese momento, podremos intentar corregirlo/mejorarlo.

Sin código, no se te proporcionará ninguna ayuda (no damos código listo para usar).

Nota: Antes de publicar tu código, te agradeceríamos que tomes conocimiento del funcionamiento de las etiquetas de código
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

.

--
Atentamente,
Jordane

Réponse 2 / 4

TitanMa Mensajes publicados 16 Estado Membre

Merci por tu respuesta.

Precisamente, no quiero un código ya hecho, sino solo los pasos de la configuración en JavaScript. Es en el marco de una formación, así que quiero hacerlo por mí mismo.

Para ser más preciso, después de haber construido mi código HTML, he creado constantes para almacenar mi formulario y las respuestas para poder reutilizarlas. El problema es que ahora me estoy atascando para reutilizarlas con el fin de mostrar el resultado con una ventana de alerta y añadir la respuesta dinámicamente en un con JavaScript.

Si es necesario, publicaré mi código, pero en principio solo me gustaría entender el proceso general de la operación.

jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención 4 830

El camino general ???
Hay tantos códigos Javascript posibles... como programadores en el mundo.....

Y sin ver el comienzo de tu código (ni siquiera tus "declaraciones" y el código html que lo acompaña...) no podemos decirte nada...

En resumen:
Recuperas el valor seleccionado por el usuario
Lo comparas con la respuesta correcta
Muestras tu ventana (alerta o, mejor, modal) con el resultado
Añades, a tu lista, la respuesta..

Réponse 3 / 4

TitanMa Mensajes publicados 16 Estado Membre

Lo siento, no había pensado en la pregunta tan amplia.

A grandes rasgos, sobre una pregunta, esto es lo que da:

 <div class="card w-100 mb-4" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title">Pregunta 1</h5> <label for="choix">¿La primera pregunta?</label> <div class="align-items-center"> <form id="questionUne"> <input type="radio" value="0" name="choix" class="choix rj mr-2">sí<br> <input type="radio" value="1" name="choix" class="choix rf mr-2" >no </form> </div> <button type="submit" value="valider" id="rep1" class="btn btn-warning btn-sm float-right mt-n5" >Validar</button> </div> <div class="float-right"> <ul id="list"> </ul> </div> </div>

Y mi JS por ahora:

 const questionUne = document.querySelector('#questionUne'); const reponse = document.querySelector('.choix'); const reponseJuste = document.querySelector('.rj'); const reponseFausse = document.querySelector('.rf');

Quisiera primero recuperar la respuesta del botón de radio marcado y usarla para mostrar según la condición y aprovechar para agregar un punto por cada respuesta correcta.

Lo siento por el código, aún no estoy del todo en forma con una escritura "limpia".

EDITAR: ¡Añadido las etiquetas de código!

jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención 4 830

Ya....
¡No seguiste las instrucciones para publicar tu código!
He editado tu mensaje para incluirlas.
Gracias por tenerlo en cuenta en el futuro.

Luego, dado que trabajas con html/javascript... cambia el botón "submit" por un simple botón

 <button type="button"

Después, adjunta un evento al clic de este y recupera el botón seleccionado:

Por ejemplo

 document.getElementById("rep1").addEventListener("click", function(){ var Larespuesta = document.querySelector('input[name="choix"]:checked').value; alert(Larespuesta ); });

Cabe señalar que colocarás tu código al final de tu documento html... justo antes del </body>

TitanMa Mensajes publicados 16 Estado Membre > jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención

Efectivamente, es mi culpa. Pondré atención a eso.

Entonces, si entiendo bien, recuperas el id del botón para que reaccione al "click" y obtienes la respuesta del usuario con el value, ¿verdad? Entonces, ¿no hay bucle ni tabla para recoger todo eso?

Luego, una vez que hayas recuperado su respuesta, solo tengo que crear un elemento con Java para incorporarlo en el ul con el appendChild, ¿no?

jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención 4 830 > TitanMa Mensajes publicados 16 Estado Membre

Entonces, si entiendo bien, recuperas el id del botón para que reaccione al "click" y recuperas la respuesta del usuario con el valor? Así que no hay bucle ni tabla para recuperar todo eso?

Como puedes ver, apunto directamente al botón de opción marcado (el "checked")
Así que sí, no hay bucle.. y no hay tabla.
Atención a poner "name" diferentes para cada una de tus preguntas.

Aquí has utilizado name="choix"
Yo habría puesto: name="Q1"

Y entonces, para la segunda.. Q2 .. etc...

Después, una vez que recupero su respuesta, solo tengo que crear un elemento con java

javaSCRIPT (JAVA no es JAVASCRIPT!!)

¿para incorporarlo en la ul con el appendchild?

Sí

jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención 4 830 > jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención

Por el contrario, ¿debes hacerlo absolutamente en Javascript?
Porque, al ser cargado por el navegador, cualquier persona que sepa un poco usar las herramientas de su navegador podrá ver cuál es la respuesta correcta... y por lo tanto hacer trampas.
En general, un cuestionario se gestiona del lado del "servidor", con PHP por ejemplo...

Réponse 4 / 4

TitanMa Mensajes publicados 16 Estado Membre

Pero entonces, ¿cómo poner un evento diferente según si la persona hizo clic en la respuesta correcta o en la incorrecta? De hecho, por eso pensé en partir de un bucle y una condición.

jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención 4 830

Recuperas el valor de la casilla seleccionada ... así que depende de ti compararlo con el valor esperado.
Si son idénticos = buena respuesta .. de lo contrario, respuesta falsa.

Para esto, puedes usar un array para almacenar las respuestas esperadas para cada pregunta...

TitanMa Mensajes publicados 16 Estado Membre > jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención

Por eso había almacenado mis constantes al principio, pero no estoy seguro de haber tomado las correctas. Para recuperar el arreglo, tengo que usar el método JSON.parse y stringify, ¿verdad?

jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención 4 830 > TitanMa Mensajes publicados 16 Estado Membre

Basta con que verifiques que el elemento marcado

 document.querySelector('input[name="choix"]:checked')

contiene la clase .rj

A través de un código del tipo

 element.classList.contains(class);

https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

O mediante una función que puedes crear, del estilo

 function hasClass(element, className) { return (' ' + element.className + ' ').indexOf(' ' + className+ ' ') > -1; }

y que puedes usar en tu código de esta manera:

 function hasClass(element, className) { return (' ' + element.className + ' ').indexOf(' ' + className+ ' ') > -1; } document.getElementById("rep1").addEventListener("click", function(){ var elm= document.querySelector('input[name="choix"]:checked'); var isRj = hasClass(elm,"rj"); if ( isRj ) { alert ('Buena respuesta'); } else alert ('Mala respuesta'); } });

Todavía no necesitas tus constantes iniciales ni bucles

TitanMa Mensajes publicados 16 Estado Membre > jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención

Genial, entonces solo tengo que reemplazar la función alert por mi createElement para incorporarlo.

Y tengo una última pregunta. En tu función, los elementos son objetos ya existentes en la biblioteca de JavaScript y, por lo tanto, son elementos que hay que conocer para codificar más fácilmente?

jordane45 Mensajes publicados 30426 Fecha de registro Estado Modérateur Última intervención 4 830 > TitanMa Mensajes publicados 16 Estado Membre

Como en cada lenguaje...
Cuanto más conoces las funciones disponibles... mejor codificas...

Díte también que el DOM (la página web...) está fabricado a partir de objetos (los input, los div, los textarea, etc...)
Cada elemento html es un objeto que tiene propiedades (aquí, hablaremos de atributos) (el ID, el NAME, la (o las) CLASS...)
La lista está disponible aquí: https://developer.mozilla.org/es/docs/Web/API/Element

Cuestionario

4 réponses

Ps2 - mi multitap no funciona.

Transferencia fpe charenton

Calculadora casio colegio 2d

Mensaje: "¿qué es 'el servicio de google play se ha detenido'?"

¿cómo escribir el símbolo de grado en el teclado?

Mi pc de sobremesa ya no detecta mi caja sfr.

Quiero regalarle un regalo a una amiga.

[url] encontrada una url con parte faltante

Ftp error al recuperar el contenido

¿problema con los auriculares inalámbricos sony???