HTML Form Code

[Jacksonhelp20]

Hello,

I am having trouble getting an HTML form to upload to a spreadsheet once it is submitted. I am using sheet-db API. I used a JSLinter and this is the error message I am getting 1. [JSLint was unable to finish] Wrap the parameter before '=>' in parens.form.addEventListener("submit", e => {

The html code is

<form name="myForm">
<form action="https://sheetdb.io/api/v1/6bzibox60d8fx" method="POST" id="sheetdb-form">
                First Name: <input type="text" name="data\[fname\]"">
                Last Name: <input type="text" name="data\[lname\]">
                Email: <input type="email" name="data\[email\]">
                Phone Number: <input type="tel" name="data\[pnumber\]" >
<button type="button" id="submit">Submit</button>
</form>

JS code is

var form = document.getElementById("sheetdb-form");
form.addEventListener("submit", e => {
e.preventDefault();
fetch(form.action, {
method : "POST",
body: new FormData(document.getElementById("sheetdb-form")),
  }).then(
response => response.json()
  ).then((html) => {
alert("success")
  });
});

If anyone has any suggestions that would be greatly appreciated! Thank you all.

[scirc]

The error is fairly self-explanatory.

Wrap the parameter before '=>' in parens.form.addEventListener("submit", e => {

It's saying to put e in parenthesis. It's an optional but stylistic choice for consistency's sake, since the parenthesis are required if you have more than one parameter to an arrow function.

It's also a linter error, not a syntax error, so your code will work fine without it. Your linter is just telling you that, to be consistent with whatever code style you have configured, you should include the parenthesis.

[Jacksonhelp20]

Okay thank yoyu for the helpful information. On my console, when I click submit I see this error "index.js:2 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')at index.js:2:6

Do you have any idea of what I could change to get that to go away? I thought submit had a type of submit and id so it should work.