如何在javascript中为个性测验设置积分系统？

【问题标题】：How to set up point system for personality quiz in javascript?如何在javascript中为个性测验设置积分系统？
【发布时间】：2015-10-19 18:08:12
【问题描述】：

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

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

现在的问题是，如何根据用户输入设置积分系统，并在最后显示特定答案？我只需要一些帮助才能朝着正确的方向前进！谢谢！我还必须对单选按钮使用 eventListeners 吗？

【问题讨论】：

向我们展示您已经拥有的一些代码（“展示我们”意味着将其添加到您的问题中，这就是 edit 的用途）。我们不会为您编码。

标签： javascript input radio-button points

【解决方案1】：

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

您所做的只是为收音机设置一个值，并在它们选择它们时保持一个计数

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

希望有帮助！

【讨论】：