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