javascript性格测验如何设置积分系统？

Question

对 javascript 相当陌生，我正在做一个性格测验，所以有多个结局。

我知道为我的变量设置一个数组和一个数组来存储用户输入，我已经将按钮设置为单选样式。

现在的问题是如何建立一个基于用户输入并在最后显示特定答案的计分系统？我只需要一些帮助被引导到正确的方向！谢谢！我还必须为单选按钮使用 eventListeners 吗？

Answer 1

这很简单，不需要事件侦听器：

您所要做的就是为收音机设置一个值，因为它们 select 它们会保持计数

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

希望对您有所帮助！

javascript性格测验如何设置积分系统？

How to set up point system for personality quiz in javascript?

javascript

input

points

radio-button