{% extends "global/Page.html" %}
{% load otree %}



{% block content %}


<div class="card bg-light instructions">
<div class="card-body">
    <h3>
    Erklärung des Szenarios:
    </h3>

    <p>
        Das folgende Szenario beinhaltet <b>4 Runden</b> mit jeweils einer Planungsseite und einer 3-minütigen Runde des Spiels Scrabble.<br>
        Die Runden bauen <b>nicht aufeinander </b>auf, Sie starten jede Runde mit einem leeren Scrabbleboard und einem vollen Säckchen Buchstaben.<br>
        Sie haben für jede Runde <b>maximal 3 Minuten Zeit</b> und müssen mindestens eine Punktzahl von <b><span id="plannedGoal"></span></b> Punkten erreichen.<br>
        Auf der Planungsseite schätzen Sie bitte ihren Bedarf an Buchstaben ab um die vorgegebene Punktzahl zu erreichen.
    </p>

</div>
</div>


<button class="otree-btn-next btn btn-primary">Zur Planung</button>

<script>
    document.getElementById("plannedGoal").innerHTML = (js_vars.jGoalPoints).toString();
</script>
{% endblock %}