Элемент страницы обновляется только после второго нажатия

Почему элемент страницы обновляется только после второго нажатия и как это исправить

<span id="balance">
    Баланс: {{ profile.money }}$
</span>
<div id="button" onclick="isClicked()">
    <img src="/media/images/click.png">
</div>

function isClicked(){
    var request = new XMLHttpRequest();
    request.open('GET', 'http://localhost:8000/add-money/');
    request.responseType = 'text';
    request.onload = function() {
        toText = request.response;
    }

    request.send();

    var text = document.getElementById('balance');
    text.innerHTML = toText;
}