Comment configurer le système de points pour le quiz de personnalité en javascript?

Question

Assez nouveau pour javascript, je fais un quiz de personnalité, donc theres fins multiples. Je sais pour mettre en place un tableau pour mes variables et un tableau pour stocker l'entrée de l'utilisateur, j'ai les boutons configurés style radio.

Maintenant, la question est de savoir comment procéder pour mettre en place un système de point basé sur l'entrée de l'utilisateur qui affichera une réponse spécifique à la fin? J'ai juste besoin d'aide pour être orienté dans la bonne direction! Je vous remercie! Dois-je aussi utiliser eventListeners pour les boutons radio?

Answer 1

Il est tout à fait simple et NON vous n'avez pas besoin d'écouteurs d'événement:

Tout ce que vous faire est de définir une valeur aux radios et comme ils les choisissent de garder un décompte

HTML:

<question> 
    <h3>Are you smart?</h3> 
    <p> 
     <label> 
     <input type='radio' name="smarts" value="20" /> 
     <span class="checkable">Yes</span> 
     </label> 
    </p> 
    <p> 
     <input id="radiodemo2" checked type='radio' name="smarts" value="10" /> 
     <label for="radiodemo2" class="checkable">No</span> 
    </p> 
    </question> 

JS:

var quiz = {} 

quiz.view = function(state, props) { 

    state.$looks = state.$smarts = { 
    _onclick: function(event) { 
     props.totals[this.name] = parseInt(this.value) 
    } 
    } 

    state.results = props.totals.smarts + props.totals.looks 
} 

var props = { 
    totals: { 
    smarts: 0, 
    looks: 0 
    } 
} 

mag.module("quiz", quiz, props) 

Voici l'exemple de travail complet: http://jsbin.com/xuzavunaci/2/edit?js,output

Espérons que ça aide!