Estoy practicando con javascript y lo que trato de hacer es que pase los valores de campos de texto a un objeto. pero obtengo el error:
Uncaught TypeError: Cannot read property 'value' of null ¿ A que se debe ese error?.
Este es mi script de javascript. Lo que intento hacer es obtener los valores de los campos de texto, y almacenarlos en el objeto "user".
var uname = document.querySelector('username').value;
var ulastname = document.querySelector('userlastname').value;
var uage = document.querySelector('userage').value;
var button = document.getElementById('sender');
var user = {
name: uname ,
lastname: ulastname,
age:uage
}
function printNameAge(person)
{
var {name, lastname ,age} = person;
console.log('Hello, My name is: ' + name + '.' + '\n' + 'I am: ' + age + ' years old.');
document.getElementById('data_pr').innerHTML = 'Hello, My name is: ' + name+ ' ' + lastname + '.' + '\n' + 'I am: ' + age + ' years old.';
}
button.addEventListener('click', ec =>
{
printNameAge(user);
});
<label for="username">User name: </label><input type="text" name="username" id="username">
<label for="userlastname">Last name: </label><input type="text" name="userlastname" id="userlastname">
<label for="userage">Age: </label><input type="number" name="userage" id="userage">
input id="sender" type="submit" value="send_info">