I am having trouble getting the contents of a textarea with js. I feel like I've done this many times before without problems but something is throwing it off or I have a mental block.

html

<textarea id=productdescript>test copy..asdfd</textarea><button value=Enter onclick=addProduct()>

js

function addProduct() {

var descript = document.getElementById('productdescript').textContent;

alert(descript);

}

Firefox is the only browser I have currently.

When I use textContent, the alert box appears but it is blank.
When I use value, the alert box appears and says Undefined
When I use innerHTML, all the HTML appears including the tags.

Also, I understand that textContent only runs in FF and for cross browser compatibility you need to do something like innerText and textContent but textContent is not working in FF. There is no jquery on this app

What is the correct cross browser way to get contents of textarea! Thanks for any suggestions.