myFunction не определена в моей форме HTML

Question

Я создаю форму, где моя кнопка отправки должна выполнить myFunction. Но всякий раз, когда я пытаюсь отправить его на выполнение, я получаю Uncaught ReferenceError: myFunction не определена.

Вот полезная часть кода:

<button type="submit" onclick="myFunction()">VERSTUUR</button>
 </div>

  </fieldset>
<div id="uitvoeren"></div>

<script type="text/javascript">
"use strict";
var vak;
    function myFunction() {
        var naam = document.getElementById("naam").value;
        var Leeftijd = document.getElementById("Leeftijd").value;
        vak=document.getElementsByName("vak");

Answer 1

Вы пропустили какой-то код, надеюсь, это поможет.

    <form action="" method="post">
        <input type="text" name="name" id="name">
        <input type="email" name="email" id="email">
        <input type="password" name="password" id="password">
        <button type="submit" id="btn">VERSTUUR</button>
    </form>


<script type="text/javascript">
"use strict";
    document.getElementById('btn').onclick = myFunction;
    function myFunction(e) {
        e.preventDefault();
        var name = document.getElementById('name').value;
        var email = document.getElementById('email').value;
        var password = document.getElementById('password').value;
        console.table({'name': name, 'email': email, 'password': password})
    }
</script>