javascript - On submit and o'clock not working together

Question

I have read previous posts on this and have tried to apply the onsubmit on my form element in HTML but still doesn't seem to work. I have it as follows:

<form class="button" id="arrow" onsubmit='return hotelList()'>
  <input type='submit' value='Submit'/>
</form>

and js:

const hotelList = () => window.location.href = './ochome.html';

Any suggestions? Thank you

---

Full code: New Question: my required field does not seem to be working, and the sends me to the other page regardless....

enter code here 

<form action="/user-details.html" class='login'>
            <!-- is this GET or POST?? -->
            <label for="username" >Username</label><br>
            <input class="whitebox" type="text" id='username' required/>
            <label for="pass" id='pass'>Password</label><br>
             <input class="whitebox" type='password' id='passBox' required/>
            <input type="submit" id='arrow' value="> Submit">
          </form>

question from:https://stackoverflow.com/questions/65935491/on-submit-and-oclock-not-working-together

Answer 1

the form contains all the input you want to submit and the action is like: action="/file.js" and it has to be a file which handles the data

the code:

<form action="/user-details.html">
      <label for="fname">First name:</label><br>
      <input class="whitebox" type="text" id='username' required/>
      <label for="lname">Last name:</label><br>
       <input class="whitebox" type='password' id='passBox' required/>
      <input type="submit" value="Submit"/>
    </form>