Обновлять текстовое поле автоматически при изменении значений в других текстовых полях

Question

У меня есть скрипт Google, который создает HTML-страницу с переменным количеством текстовых полей и предварительно заполняет эти текстовые поля значениями. Мне нужно окончательное текстовое поле, которое показывает сумму значений в текстовых полях выше. Если пользователь изменит какие-либо значения в текстовых полях, тогда мне понадобится сумма для автообновления.
Аналогично этой проблеме Автообновление текстового поля в зависимости от поля ввода , но у меня есть неизвестное количество полей ввода.

Это код, который генерирует поля ввода, они основаны на диапазоне "Brew_Hops_Weight", длина которого может варьироваться.

      <fieldset>
          <legend>Hops</legend> 
            <? var data = getRange4("Brew_Hops").getValues(); ?>
            <? var hopWeights = getRange4("Brew_Hops_Weight").getValues(); ?>
            <table>
              <tr> <th>Hops</th> <th>Current Weight&nbsp; &nbsp; &nbsp;</th> <th>Proposed Weight</th> </tr>
              <? for (var i = 0; i < data.length; i++) { ?>
                <tr >
                  <? for (var j = 0; j < data[i].length; j++) { ?>
                    <td> <input name="selector[]" class="ads_Checkbox" type="checkbox"checked /> <?= data[i][j] ?> </td>  
                    <td> <?= Math.round(hopWeights[i][j]*100)/100 ?> </td>
                    <td> <input type="text" size="8" name="IBUs" value=<?= Math.round(hopWeights[i][j]*100)/100 ?>  /> <td> 
                  <? } ?>                 
                </tr>
              <? } ?>
             <tr> 
                  <td><strong>IBU</strong></td> 
                  <td><strong><?= Math.round(getRange4("Brew_IBU").getValue()) ?></strong></td> 
                  <td> <input type="text" size="8" name="IBUs" value="xx"  </td>
             </tr>
            </table>
     </fieldset>