document.getElementById(‘uname’).value; doesnt return any value?

I have created a simple form, and I’m trying to store the input values via the JavaScript. As you can see in the screenshot that I have attached down below one of the variables doesn’t print anything while the one without the “.value” returns the correct HTML tag. This means that I am able to pick the correct tags and it is not an issue of “wrong id or spelling errors”. Please let me know why this happens, or where is the fault in this code.

Screenshot of the code and the browser with console.