Alarmbox druckt keine Variablenwerte

Question

Ich lerne Javascript und spiele gerade mit Funktionen und ich versuche den Benutzer zu warnen, was sie eingegeben haben, aber wenn ich den Vor- und Nachnamen und E-Mail eintippe und auf Abonnieren klicke die Alert-Box sagt:

<script> 
    function printMessage(firstNameID,lastNameID,emailID){ 
     var firstName = document.getElementById(firstNameID); 
     var lastName = document.getElementById(lastNameID); 
     var email = document.getElementById(emailID); 
     alert("Hello " + firstName + " " + lastName + "! Your email " + email + " was succesfully registered ..."); 
    } 
</script> 
<form name="subscribeform"> 
    First Name: <br> 
<input type="textbox" id="firstname" form="subscribeform"><br> 
    Last Name: <br> 
<input type="textbox" id="lastname" form="subscribeform"><br> 
    Email: <br> 
    <input type="textbox" id="email" form="subscribeform"><br><br> 
    <button id="subscribe" form="subscribeform" onclick="printMessage('firstname','lastname','email');">Subscribe, you know you want to ...</button> 
    </form> 

Answer 1

Sie benötigen die value der Elemente, nicht die Elemente selbst:

Hello [object HTMLInputElement] [object HTMLInputElement]! Your email [object HTMLInputElement] was succesfully registered ... 

Dies ist mein Code.

alert("Hello " + firstName.value + " " + lastName.value + "! Your email " + email.value + " was succesfully registered ..."); 

oder ...

var firstName = document.getElementById(firstNameID).value; 
var lastName = document.getElementById(lastNameID).value; 
var email = document.getElementById(emailID).value;