2015-09-19 33 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

希望有所幫助!