How to print a value in console.log base on ID of an element?

Question

<input id="email" name="email" type="text" value="[email protected]">

How do I get value of id=email and print it out to my console or anywhere for testing purposes ?

I tried, but no luck :(

script type="text/javascript">
    document.getElementById('email').innerText;
</script>

Answer 1

There are two types of elements

1. Block - these can be accessed with - .innerHTML or .html() in jquery like div's span's etc
2. Non Block Elements - these can be accessed by .value or .val() in jquery, like input types etc

all you need o do is

console.log($('#email').val())  //jquery

or 

console.log(document.getElementById('email').value); // javascript

Answer 2

try

console.log($('#email').val());