[Навыки разработки] · Завершен ввод HTML для автоматического заполнения следующего контента

в предыдущем блогеПростая реализация APICloud для обнаружения завершения ввода., мы поняли, что ввод обнаружения завершен, и теперь мы идем дальше, На этом основании мы поняли, что ввод обнаружения завершен, и автоматически заполняем следующий контент.
Когда нам нужно заполнить контент автоматически и не хотим, чтобы его меняли, нам нужно добавить атрибут только для чтения (если вы не знакомы с тем, как добавлять и удалять атрибуты, вы можете обратиться к этому URL-адресуФронтенд-фреймворк APICloud).

Функциональные требования
При заполнении формы возмещения вам нужно только заполнить количество дней в пути, и сумма командировочных будет рассчитана автоматически.
код показывает, как показано ниже
HTML-код:

<tbody>
    <tr style="background-color:#FfFFFF">
        <th colspan="2" class="info">出差补贴:</th>
    </tr>
    <tr style="background-color:#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>

Код JavaScript:

var flag = 0;

function onInput(e) {
    console.log("Inputing");
    flag = 1;
    $api.removeAttr($api.byId('travelAllowanceFeesId'), 'readonly');
}

function finnishInput(e) {
    if (1 == flag) {
        console.log("InputOk");
        flag = 0;

        $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value;
        $api.attr($api.byId('travelAllowanceFeesId'), 'readonly', true);
    }
}

Результат выглядит следующим образом