Why the function areaRettangolo return Nan?

Why doesn’t the function areaRettangolo return a number?
I want to calculate the area of a rectangle using a function called areaRettangolo but it returns Nan

let base = document.getElementById('base');
let altezza = document.getElementById('altezza');
let bottone = document.querySelector('button');
let testo = document.querySelector('h1');
let area = 0;

function areaRettangolo(a, b) {
  let c = 0;
  c = a * b;
  return c;
}
bottone.addEventListener('click', () => {
  area = areaRettangolo(base, altezza);
  console.log(area);
});
<input type="number" id="base" placeholder="inserisci la base del rettangolo"><br><br>
<input type="number" id="altezza" placeholder="inserisci l'altezza del rettangolo"><br><br>
<button>Calcola l'area del rettangolo</button>
<h1>-</h1>