javascriptオブジェクトはコンソールで印刷されません

Question

私は入力フィールドを持つフォームを持っています。私はこれらのフィールドをコンソールに記録しようとしています。コンソールを表示 "のcreateUser {firstNameの：ヌル}" ： オブジェクト

<div class="#"> 
    First Name:<br> 
    <input placeholder="First Name" type="text" id="firstName" required> 
    <br> 
</div> 
<button onclick="user()" class="btn btn-primary">Sign Up</button> 


function createUser(firstName, lastName, email, userName, password){ 
    this.firstName = firstName; 
} 

function user(){ 
    var user = new createUser(document.getElementById(firstName.text)); 
    console.log(user); 
} 

console.log(user); 

Answer 1

var user = new createUser(document.getElementById('firstName').value); 

を試してみてください。

Answer 2

あなたは、関数名と同じ自分のオブジェクト名を定義しています。 1つまたは他のものを変更する必要があります。また、入力フィールドの値を取得する必要があります。

これは役立つかもしれない。この

var userObj = new createUser(document.getElementById('firstName').value); 
console.log(userObj) 

Answer 3

あなたの入力の全てを印刷することができ、この

var user = ''; 
function createUser(firstName, lastName, email, userName, password){ 
this.firstName = firstName; 
} 

function user(){ 
user = new createUser(document.getElementById(firstName).value); 
//the same as accessing the text of <input value="this is my first name."> 

console.log(user.firstName); 
//log the property firstName of the object user. when you put this.firstName inside a function, it turns that into a property of of the variable you save it as. That means you must call it by using the variable and a "." and the property name ex firstName 
} 

console.log(user.firstName); 

Answer 4

は、次のようにコンソールログに値をフィールドしてみてください：

考慮すると、次の入力フィールドがあります

<div class="divclass"> 
    First Name:<br> 
    <input placeholder="First Name" type="text" id="firstName" required> 
    <br> 
    Middle Name:<br> 
    <input placeholder="Middle Name" type="text" id="middleName" required> 
    <br> 
    Last Name:<br> 
    <input placeholder="Last Name" type="text" id="lastName" required> 
    <br> 
</div> 
<button onclick="user()" class="btn btn-primary">Sign Up</button> 

function user(){ 
    var inputFields = document.querySelectorAll('#firstName, #middleName, #lastName'); 
    var inputFieldValues = Array.prototype.forEach.call(inputFields, function(inputField){ 
     console.log("id: "+inputFields.id + " value: "+inputField.value); 
}); 

}