Давайте иначе, вернемся к 4 полям:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span>Первая пара полей:</span><br>
<input id="i1" onkeyup="f1()" style="border-radius: 5px;">+<input id="i2" onkeyup="f1()" style="border-radius: 5px;">
<br>
<span>Вторая пара полей:</span><br>
<input id="i3" onkeyup="f2()" style="border-radius: 5px;">+<input id="i4" onkeyup="f2()" style="border-radius: 5px;">
</body>
</html>
function f1(){
var n1 = document.getElementById('i1').value;
var n2 = document.getElementById('i2').value;
var sum1 = Number(n1)+Number(n2);
alert("Сумма первой пары полей равна: " + sum1);
}
function f2(){
var n3 = document.getElementById('i3').value;
var n4 = document.getElementById('i4').value;
var sum2 = Number(n3)+Number(n4);
alert("Сумма первой пары полей равна: " + sum2);
}
Как вы видите, после того как я заполнил первое поле мне выводит alert о сумме, тк второе поле считается как ноль, как сделать так, чтобы только после ввода в оба поля, появлялся alert, просто не совсем удобно получается