По какой причине я не могу записать в объект значения из input?

Question

[Петр]

Добрый день.
Разбираюсь с JavaScript и столкнулся с странным поведением. Или я сам чего не понимаю.
Есть такой код в песочнице.
https://jsfiddle.net/uojy0Lnv/1/
Почему я не могу отобразить значения из input через объект?

Answer 1

[Алексей Ярков]

let data = {};

let name = document.getElementById('name');
let email = document.getElementById('email');
let phone = document.getElementById('phone');
let msg = document.getElementById('message');

let btn = document.getElementById('btn');

btn.addEventListener('click',()=>{
  data = {
    uName : name.value,
    uEmail : email.value,
    uPhone : phone.value,
    uMsg : msg.value
  };
   alert(data.uMsg);
});

Answer 2

[Stalker_RED]

Сразу после загрузки страницы ваш объект data заполняется пустыми значениями.
При клике по кнопке они отображаются.


А чего вы хотели?