{{ block title }}
<font size="5"><strong>角色A的选择</strong></font>
{{ endblock }}
{{ block content }}
<p>你的角色：角色A</p>
<p>请决定你从角色B的50点实验点数中分走多少点：</p>
<br>
<p align="center"><strong>你可以通过拖动下方滑竿选择想分走的点数</strong></p>
<input type="range" name="choice_A" min="0" max="{{ Constants.endowment }}" oninput="updateDescription(this)" style="width:1000px;height:80px;" value="0">
 <p id="description" align="center" ></p>
<!-- by leaving the description blank initially, we prompt the user to move the slider,
reducing the anchoring/default effect. -->


<script>
    let description = document.getElementById('description');
    function updateDescription(input) {
        let choice_A = parseInt(input.value);
        let remain = js_vars.endowment - choice_A;
        description.innerText = `分走 ${choice_A} 点实验点数， 角色B剩余 ${remain} 点实验点数。`
    }
</script>

<p></p>
<p></p>
    {{ next_button }}

{{ endblock }}