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


<div id="problem_block">
    <p>
        3. 假設這輪遊戲回合中只有你和另外一名組員，下圖是這一回合遊戲的正確答案及你們的填答情況。
        請問在這次遊戲回合 （ <span style="color:blue;font-size: 16px">B</span> / <span style="color:green;font-size: 16px">B</span> ） 中，
        你的目前大組累積報酬和目前個人累積報酬分別可增加多少法幣（選項中前者是目前大組累積報酬，後者是目前個人累積報酬可增加的法幣數量）<br>
        <br>
        <img src="{{ static 'Q31.png' }}" width="300" class="center"/>
    </p>
</div>


<div id='radiobuttonset'>
    <input  class="OptionBtn" type='radio' id='ANS1' onclick="getValue(this)"  name='Q1' value='0' />
    甲. 2 法幣，1 法幣<br>
    
    <input  class="OptionBtn" type='radio' id='ANS2' onclick="getValue(this)"  name='Q1' value='1' />
    乙. 2 法幣，2 法幣<br>
    
    <input  class="OptionBtn" type='radio' id='ANS3' onclick="getValue(this)"  name='Q1' value='2' />
    丙. 3 法幣，1 法幣<br>

    <input  class="OptionBtn" type='radio' id='ANS4' onclick="getValue(this)"  name='Q1' value='3' />
    丁. 3 法幣，2 法幣<br>
    
    <input type="hidden" name="Q3" id="Q3"/>

</div>
    
        
        
<br>
<br>

<div id="result_block">
    <div id="ans_correct">
        <p><strong><span style="color:green;font-size: 16px">正確。
        若任一格有任一組員填寫的數字與原本的表格相同，則整個大組每人皆可獲得 1 法幣，
        且同一人重複填寫的數字皆無效。
        在這裡，另一名組員填了兩個 2，填答無效。
        整個大組共答對 1，4 這 2 格，故目前大組累積報酬可增加 2 法幣。
        你答對 1，4 這 2 格，故目前個人累積報酬可增加 2 法幣
        (請參考下圖)。
        <br>
        <img src="{{ static 'Q3_ans.png' }}" width="450" class="center"/>
        </span></strong></p>
    </div>
    
    <div id="ans_wrong">
        <p><strong><span style="color:red;font-size: 16px">錯誤，答案應為乙。
        若任一格有任一組員填寫的數字與原本的表格相同，則整個大組每人皆可獲得 1 法幣，
        且同一人重複填寫的數字皆無效。
        在這裡，另一名組員填了兩個 2，填答無效。
        整個大組共答對 1，4 這 2 格，故目前大組累積報酬可增加 2 法幣。
        你答對 1，4 這 2 格，故目前個人累積報酬可增加 2 法幣
        (請參考下圖)。
        <br>
        <img src="{{ static 'Q3_ans.png' }}" width="450" class="center"/>
        </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 }}