入力が完了したことを検出し、次のコンテンツを自動的に入力する HTML を実装する方法

<t本文>
    <tr style="background-color:#FfFFFF">
        <th colspan="2" class="info">出張手当:</th>
    </tr>
    <tr スタイル="背景色:#F3F3F3">
        <th>補助金支給日数:</th>
        <td>
            <input class="form-control" onBlur="finnishInput(event)" "onInput(event)" id="travelAllowanceDaysId" type="number" placeholder="">
        </td>
    </tr>
    <tr style="background-color:#FFFFFF">
        <th>補助金額:</th>
        <td>
            <input class="form-control" id="travelAllowanceFeesId" type="number" placeholder="">
        </td>
    </tr>
</tbody>

varフラグ = 0;

関数onInput(e) {
    console.log("入力中");
    フラグ = 1;
    $api.removeAttr($api.byId('travelAllowanceFeesId'), '読み取り専用');
}

関数finishInput(e) {
    if (1 == フラグ) {
        console.log("入力OK");
        フラグ = 0;

        $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value;
        $api.attr($api.byId('travelAllowanceFeesId'), '読み取り専用', true);
    }
}