JavaScript form fetch request submitting empty values when they are filled in

Question

I am creating a Login form in JavaScript and am trying to send this form to my Ruby on Rails backend.

I have two problems:

1. When the form loads, it trigger