A voir également:
- Quizz html / php / js
- Alert php ✓ - Forum PHP
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
- Header php - Astuces et Solutions
- Js round ✓ - Forum Javascript
- Undefined index php - Astuces et Solutions
1 réponse
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
27 déc. 2015 à 15:52
27 déc. 2015 à 15:52
Bonjour,
La première chose à faire est d'ouvrir la console dans ton navigateur.
Je te conseille par ailleurs d'utiliser celle fournie par le plugin FIREBUB (pour FireFox).
Tu verras alors si des messages d'erreurs javascript apparaissent.
La première chose à faire est d'ouvrir la console dans ton navigateur.
Je te conseille par ailleurs d'utiliser celle fournie par le plugin FIREBUB (pour FireFox).
Tu verras alors si des messages d'erreurs javascript apparaissent.
Modifié par jordane45 le 28/12/2015 à 02:25
voici mon nouveau code js:
$(document).ready( function(){ var point = 0; //calcul du score function calcul(value,point) { if (value == 1) { point=point+1;} else { point=point+0 ; } } $('#quizzBtn').click(function(){ //function resultat() {calcul(); if (point>3) {alert("Ton score est de "+point+" , bravo !!!!");} else {alert("Ton score est de "+point+". Ce sera mieux la prochain fois ;)");} }); });et mon tpl:
{extends file="layout.tpl"} {block name=body} <from action="quizz" method="POST"> {foreach from=$quizzs item=quizz} <div class='container'> <section class="col-lg-12"> <div class="title1 col-lg-12"> <p>{$quizz.description}</p> </div> </section> </div> {/foreach} {foreach from=$questions item=question} <div class='container'> <section class="col-lg-12"> <div class="title col-lg-12"> <p>{$question.question}</p> </div> {foreach from=$props[$question.id] item=prop} <div class=" quizz col-lg-12"> <input type="radio" name="{$prop.id_questions}" value ="{$prop.good}" /> {$prop.texte} </div> {/foreach} </section> </div> {/foreach} <input name="submit" value="Valider mes réponses" id="quizzBtn" type="button" class="btn btn-default btn-lg"> </from> {/block}EDIT : Ajout des balises de code. (la coloration syntaxique )
Explication disponible ici : https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
Merci d'y penser à l'avenir.
28 déc. 2015 à 02:39
1 - .. tu ne fais plus appel à la fonction calcul()
2 - Cette fonction calcul attend deux arguments... hors... tu ne lui en passes aucun !
3 - Pour faire ce "calcul" .. il te faut surement boucler sur tout tes boutons radios et, si coché, prendre la VALUE correspondante....
Ce qui, au final, devrait donner un truc du genre :
var point = 0; function calcul() { //Boucle sur tous les input radio cochés $('input:radio:checked').each(function(index, element) { var valueChecked = $(element).val(); point = point + valueChecked ; }); } $(document).ready( function(){ $('#quizzBtn').click(function(){ calcul(); // On relance les calculs console.log("nb points ="+point); //le temps des tests pour affifchage dans la console if (point>3) { alert("Ton score est de "+point+" , bravo !!!!"); }else { alert("Ton score est de "+point+". Ce sera mieux la prochain fois ;)"); } }); });28 déc. 2015 à 12:54