Musisz sprawić, by funkcja sprawdziła wartości zmiennych po kliknięciu w przycisk. W kodzie, który podałeś, nieważne co byś wpisał w inputy, ich wartość będzie pusta, a to dlatego, że sprawdzana jest zaraz po załadowaniu strony :^)
Wystarczy, że wrzucisz te zmienne do funkcji:
function suma() {
let pole1 = document.getElementById("pole1").value;
let pole2 = document.getElementById("pole2").value;
let wynik = document.querySelector('.wynik');
if ((pole1 === '') || (pole2 === '')) {
wynik.textContent = 'puste';
} else {
let suma = Number(pole1) + Number(pole2);
wynik.textContent = suma;
}
}
Musisz również wskazać przeglądarce, że wartości, na których operujesz są liczbami, bo z automatu traktuje je jako tekst.
Robi się to jak zauważyłeś dodaniem 'Number(zmienna)', możesz również użyć 'parseInt(zmienna)' lub w przypadku liczb zmiennoprzecinkowych 'parseFloat(zmienna)'
Pozdrawiam :>