{{ block title }}
    Task 3 of 3 Instructions (2/2)
{{ endblock }}

{{ block content }}
<style>
ul {
  font-size: 18px;
}
</style>

<p>
  <ul>
    <img src="{{ static 'comb_inst.png' }}" width="700"/>
    <li> You will actually play this game against every other person who participates in this study.</li>
    <ul>
        <li>For example, if there are 100 other participants, you will play the game 100 times.</li>
    </ul>
        <li>But you choose when to stop only once, and that choice gets used for all 100 games.</li>
        <li>If this task gets chosen for your payment, your payoff will be the average payoff from all games.</li>
        <ul>
            <li><i>Note that it would take time to gather all participants' decisions.
                You will be paid the participation fee within 24 hours after finishing all tasks, and additional payment will be paid within 72 hours.</i></li>
        </ul>
   </ul>
</p>
<b><span style="font-size:18px">Comprehension Check</span></b>
    <ul>
        <li> Which one of the following is <span style="color:green"><b>True</b></span>? <br>
            <input type="radio" name="compc" value="1" id="comp_c" oninput="checkComp(this);"/>
            <label for="comp_c">I will play this game only once, with one other participant.</label> <br>
            <input type="radio" name="compc" value="2" id="comp_c2" oninput="checkComp(this);">
            <label for="comp_c2">I will choose my stopping time multiple times.</label><br>
            <input type="radio" name="compc" value="3" id="comp_c3" oninput="checkComp(this);">
            <label for="comp_c3">My payment will be average across all games.</label><br>
            <p id="errorC"></p>
        </li>
<!--        <li><i>If you click the next button with an incorrect answer, the session will automatically end and you will get paid nothing.</i></li>-->
    </ul>
</p>

<script>
    function checkComp(field) {
    if (field.value === '1' ) {
        document.getElementById("errorC").innerText = "False! You will play as many as number of other participants.";
        document.getElementById("errorC").style.color = "red";
    } else if (field.value === '2') {
        document.getElementById("errorC").innerText = "False! You will choose only once, and it will apply to all games. ";
        document.getElementById("errorC").style.color = "red";
    } else if (field.value === '3') {
        document.getElementById("errorC").innerText = "True! Your payoff will be average of all games.";
        document.getElementById("errorC").style.color = "green";
    }
}
</script>
{{ next_button }}
{{ endblock }}