{% load otree static %}
  {% block scripts %}



<script>
$(document).ready(function () {

    	$('input[name=percentage_blue]').on('input', function() {
    	    let red = 100 - $(this).val();
        	document.getElementById("feedback_one").innerHTML = `This means that you belief that of the balls in the graph `+ red + ' percent are <font color="red"> RED </font>and ' +$(this).val()+ ' percent are <font color="blue"> BLUE </font>.';

    	  });
    });
</script>
     {% endblock %}
{% block content %}
<p>
    <b><u>Your guess:</u></b>
</p>



     {% formfield player.percentage_blue %}


<p id="feedback_one"><br></p>
     <br>




   {% next_button %}


    <br>

<br>
{% endblock %}