Есть 3 текстовых поля, при вводе в них значений они должны перемножиться и отобразиться в четвёртом текстовом поле. Пересмотрела кучу примеров, но все они с кнопкой "Подсчитать", а нужно, чтобы результат вывелся автоматом после заполнения всех 3 полей в четвёртое.
Нашла вот такой пример:
$.fn.multiplicator = function(...selectors) {
let inputs = selectors.map(s => $(s));
const recalc = () => inputs.reduce((r, $el) => r*parseFloat($el.val()), 1);
inputs.forEach($el => $el.on(this.data('event')||'blur', () => this.text(recalc())));
}
$('#res').multiplicator('#arg1', '#arg2', '#arg3');
<script src=https://code.jquery.com/jquery-3.6.0.min.js></script>
<input id=arg1 value="1" />
<input id=arg2 value="1" />
<input id=arg3 value="1" />
<div id=res data-event=input></div>
Но в нём результат выводиться в div, а нужно в текстовое поле, и первоначально поля должны быть пустые, без значений, тут если убрать 1, то при вводе выдаёт NaN.
