Var aus INPUT via Alert ausgeben

[leh_ti]

Guten Morgen zusammen,

ich scheitere grad an einem wohl sehr einfachen Problem, ich stehe jedoch noch in den Startlöchern von HTML, CSS, Java.
Ich versuche ein simples Loginscript zu machen und wollte mir den eingegeben Nutzername + Passwort ausgeben lassen, nachdem der Button "login" gedrückt wird.
Der onlick call funktioniert, da ein alert über der Variablen deklaration funktioniert.

Die Funktion:

function loginfunction(){

  var userMail = document.getElementbyId('user_feld').value;
  var userPass = document.getElementbyId('passwort_feld').value;


  alert(userMail)
  alert(userPass)
}

Und hier noch die 2 Input Felder und der Button

<input class="input100" type="text" name="username" placeholder="Benutzername" id="user_feld">
<input class="input100" type="password" name="pass" placeholder="Passwort" id="passwort_feld">

<button onclick="loginfunction()" class="login100-form-btn">Login</button>

Ich hoffe auf eure Hilfe, danke schonmal.

Schönes Wochenende

 

[leh_ti]

Wie billig..

danksehr