myFunction is not defined in my HTML form

Question

I'm making a form where my send button needs to execute myFunction. But whenever i'm trying to send it to execute i get an Uncaught ReferenceError: myFunction is not defined.

Here is the useful part of the code:

<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

You are missig some code, i hope that can helps.

    <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>