Fehler NaN = Not a Number

<!DOCTYPE html>
<html lang="de">
  <head>
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Auf ein Element zugreifen</title>
  </head>
  <body><h1>Auf ein Element zugreifen mit .get</h1>
    <form>
      <label><input name="wert1" type="number"></label>
      <label><input name="wert2" type="number"></label>
      <button type="submit" onclick="berechnen()">Eingaben absenden</button>
        </form>
</body>
<script>
    var wert1=parseInt(document.getElementById("wert1").value);
    var wert2=parseInt(document.getElementById("wert2").value);
    function berechnen(wert1,wert2) {
        let summe;
        summe=parseInt(wert1+wert2);
        document.write("Die Summe ist ", summe);
    }
</script></html>