{{ block title }}
    測驗
{{ endblock }}
{{ block content }}

<div id="problem_block">
    <p>
        2. 假設目前剩下 ６ 名玩家，上階段的選擇方案為 X 方案，這一階段選擇回合 （ <span style="color:red;font-size: 16px">A</span> ） 如果有 3 人選擇 X 方案， 3 人選擇 Y 方案，則這次的選擇方案會是？
    </p>
</div>

<div id='radiobuttonset'>
<input  class="OptionBtn" type='radio' id='ANS1' onclick="getValue(this)"  name='Q1' value='0' />
甲. X 方案<br>

<input  class="OptionBtn" type='radio' id='ANS2' onclick="getValue(this)"  name='Q1' value='1' />
乙. Y 方案<br>

<input  class="OptionBtn" type='radio' id='ANS3' onclick="getValue(this)"  name='Q1' value='2' />
丙. 電腦隨機選擇一個方案<br>


<input type="hidden" name="Q2" id="Q2"/>

</div>

<br>
<br>

<div id="result_block">
    <div id="ans_correct">
        <p><strong><span style="color:green;font-size: 16px">正確。
            在同一輪中，若某一階段兩種選擇方案選擇的人數一樣多，則按照上一階段的選擇結果執行。
        </span></strong></p>
    </div>
    
    <div id="ans_wrong">
        <p><strong><span style="color:red;font-size: 16px">錯誤，答案應為甲。
            在同一輪中，若某一階段兩種選擇方案選擇的人數一樣多，則按照上一階段的選擇結果執行。
        </span></strong></p>   
    </div>
</div>

<style>
    #ans_correct {
        display: none;
    }
    #ans_wrong {
        display: none;
    }
</style>


<script>

function getValue(obj) {
    // method 2 
	var value = obj.value;
	alert(value);
    document.getElementById("Q7").value = value;
    document.getElementById("ANS1").disabled = true;
    document.getElementById("ANS2").disabled = true; 
    document.getElementById("ANS3").disabled = true; 
    document.getElementById("ANS4").disabled = true;

    if (value==0) {
        document.getElementById("ans_correct").style.display = "block";
        // document.getElementById("ans_wrong").style.display = "block";

        }else{
            // document.getElementById("ans_correct").style.display = "none";
            document.getElementById("ans_wrong").style.display = "block";}
}



</script>
{{ next_button }}

{{ endblock }}