html формы, которые обновляются в реальном времени

Question

Я не уверен, что спросить, но я ищу, чтобы создать форму с помощью html (html5?), Которая, когда введенные числа могут обновляться на тех же результатах страницы, работает как и Excel. Например, чтобы иметь 3 поля с цифрами (1, 2, 3), а для результатов суммировать и усреднять результаты, которые будут равны 2, но если пользователь изменил 1-й номер (7,2,3), он обновил бы результаты 4. Надеюсь, это имеет смысл.

Answer 1

Что-то вроде этого, может быть?

function addNumbers(){ 
 
    
 
var input1 = Number(document.getElementById('input1').value); 
 
var input2 = Number(document.getElementById('input2').value); 
 
    
 
document.getElementById('output').value = input1 + input2; 
 
    
 
}

<input type="text" onkeyup="addNumbers()" id="input1" placeholder="enter a number"><br /> 
 
<input type="text" onkeyup="addNumbers()" id="input2" placeholder="enter another number"><br /> 
 
<input type="text" id="output" disabled>