0
相当新的JavaScript,我正在做个性测验,所以theres多个结局。如何在javascript中设置个性测验的积分系统?
我知道为我的变量和一个数组设置数组来存储用户输入,我已经设置了无线电风格的按钮。
现在的问题是如何建立一个基于用户输入的点系统,最终会显示一个特定的答案?我只需要一些帮助正确的方向!谢谢!我也必须使用单选按钮的eventListeners吗?
相当新的JavaScript,我正在做个性测验,所以theres多个结局。如何在javascript中设置个性测验的积分系统?
我知道为我的变量和一个数组设置数组来存储用户输入,我已经设置了无线电风格的按钮。
现在的问题是如何建立一个基于用户输入的点系统,最终会显示一个特定的答案?我只需要一些帮助正确的方向!谢谢!我也必须使用单选按钮的eventListeners吗?
这是很简单,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
希望有所帮助!
向我们展示一些您已经拥有的代码(“显示我们”意味着将它添加到您的问题中,这就是(http://stackoverflow.com/posts/32670008/edit)所用的代码)。我们不会为你编码。 – Wolf