获取 HTML 表单数据到 JavaScript

Question

I need some help with my HTML, I'm attempting to pass my form data to a script called send.js, However nothing happens. I have a feeling my error lies input type however im not very good at html

<form method="post" name="myform">
  <label for="msg">Message</label>
  <textarea id="msg" name="msg" rows="5" cols="50"> </textarea> <br>
  <label for="your_name">Your Name:</label>
  <input type="text" name="your_name" id="your_name" /> <br>
  <label for="customer_number">Customers Number:</label>
  <input type="text" name="customer_number" id="customer_number" /> <br>
<input type="submit" value = "Send Message" onsubmit="f1">
</form>
<script> src="send.js"</script>

The send.js scripot is as follows

function f1()
{
        var msg = document.getElementById("msg").value;
        var your_name = document.getElementById("your_name").value;
        var customer_number = document.getElementById("customer_number").value;
        alert("value 1 = " + msg "value 2 = " + your_name "value 3 = " +  customer_number );
}

Any input would be greatly apperciated

Answer 1

<form id="myForm" method="post" name="myform">
  <label for="msg">Message</label>
  <textarea id="msg" name="msg" rows="5" cols="50"> </textarea> <br>
  <label for="your_name">Your Name:</label>
  <input type="text" name="your_name" id="your_name" /> <br>
  <label for="customer_number">Customers Number:</label>
  <input type="text" name="customer_number" id="customer_number" /> <br>
<input type="submit" value = "Send Message" onsubmit="f1">
</form>
<script src="send.js"></script>

send.js

document.getElementById('myForm').onsubmit = f1();

OR

<form method="post" name="myform" onsumbit="f1()">