<input type="number" id="budget" placeholder="Бюджет">
<input type="number" id="prepayment" placeholder="Аванс">
<input type="number" id="balance" placeholder="Остаток" readonly>

// Объявляем переменные
var budget = document.getElementById("budget");
var prepayment = document.getElementById("prepayment");
var balance = document.getElementById("balance");

function setBalance() {
    // Проверяем что поля бюджет и аванс заполнены
    if (budget.value && prepayment.value) {
        balance.value = parseFloat(budget.value) - parseFloat(prepayment.value)
    }
}

// Вызываем функцию setBalance при вводе в поля.
budget.addEventListener("input", setBalance)
prepayment.addEventListener("input", setBalance)