Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form oninput="Bereken">
    <input type="number" id="getal1">
    <label>X</label>
    <input type="number" id="getal2">
    <input type="button" id="click" value="bereken" onclick="Bereken()">
    <br>
    <output id="resultaat" for="getal1 getal2"></output>
    <script>
        function Bereken() {
            try {
                var nr1 = document.getElementById("getal1").value;
                var nr2 = document.getElementById("getal2").value;
                var result = nr1*nr2;
                if (isNaN(result)) {
                    document.getElementById("resultaat").innerHTML = "ongeldig getal";
                } else {
                    document.getElementById("resultaat").innerHTML = "Het product van " + nr1 + " en " + nr2 + " is " + result;
                }

            } catch(error) {
                document.getElementById("resultaat").value = error.message;
            }
        }
    </script>
</form>
</body>
</html>