2015-09-19 32 views
0

相当新的JavaScript,我正在做个性测验,所以theres多个结局。如何在javascript中设置个性测验的积分系统?

我知道为我的变量和一个数组设置数组来存储用户输入,我已经设置了无线电风格的按钮。

现在的问题是如何建立一个基于用户输入的点系统,最终会显示一个特定的答案?我只需要一些帮助正确的方向!谢谢!我也必须使用单选按钮的eventListeners吗?

+2

向我们展示一些您已经拥有的代码(“显示我们”意味着将它添加到您的问题中,这就是(http://stackoverflow.com/posts/32670008/edit)所用的代码)。我们不会为你编码。 – Wolf

回答

0

这是很简单,NO,你不需要的事件侦听器:

所有你要做的是一个值设置为电台当他们选择他们保持理货

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) 

以下是完整的工作示例:http://jsbin.com/xuzavunaci/2/edit?js,output

希望有所帮助!