{{ block title }}
    Page title
{{ endblock }}

{{ block content }}

What is the sum of {{ number_1 }} + {{ number_2 }}? <br>

<div id="main">
    <input id="result_input"> <br>
    <button type="button" onclick="check_result()"> Submit Result </button>
</div>


    <script>
        function check_result() {
            var entered_result = document.getElementById("result_input").value;
            var actual_result = {{ number_1|json }} + {{ number_2|json }};
            actual_result = parseFloat(actual_result);

            if (entered_result == actual_result){
                document.getElementById("main").innerHTML = "Your result was correct <br>";
            } else {
                document.getElementById("main").innerHTML = "Your result was wrong <br>";
            }
        }
    </script>

{{ endblock }}