{% 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 eine Planungsseite und 4 Runden des Spiels Scrabble, alle Runden müssen Sie innerhalb von 12 Minuten absolviert haben.<br>
        Die Runden bauen <b>nicht aufeinander </b>auf, Sie starten jede Runde mit einem leeren Scrabbleboard und einem vollen Säckchen Buchstaben.<br>
        Insgesamt müssen Sie eine Punktzahl von mindestens <b><span id="plannedGoal"></span></b> Punkten innerhalb von 12 Minuten erreichen.<br>
        Auf der Planungsseite schätzen Sie bitte ihren Bedarf an Buchstaben pro Runde 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*4).toString();
</script>
{% endblock %}