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

{% block title %}Task{% endblock %}
{% block content %}

  {#  player questions #}

    <span id="num_a">{{ player.num_a }}</span> -
    <span id="num_b">{{ player.num_b }}</span>
    <br><br>
    <input type="text" id="inputbox" value=" "><br><br>

     <button onclick="submitValue()" type="button" id="my_submit" class="btn btn-primary">Submit</button>

{% endblock %}

{% block script %}
    <script>

        function submitValue() {
            let response = (document.getElementById("inputbox").value);
            document.getElementById('inputbox').value = "";
            liveSend(response)
        }

        function liveRecv(data) {
            console.log(data)

            // update question text
            $('#num_a').text(data['num_a']);
            $('#num_b').text(data['num_b']);

        }
    </script>


{% endblock %}