Question

So I have some input text fields and a button

<input type=text value="a"/>
<input type=text value="b"/>
<input type=button onclick=???/>

and I want to use the values of those text fields as the parameters in a function that gets called when i click a button, say

function foo(a,b) {
    dostuff(a);
    dostuff(b);
}

I don’t know what to put in the question marks. So what gets the value of the text inputs, I don’t think document.getElementById gets the value of them, just the element itself.

Answer 1

There are multiple ways to access those values, but the recommended one is to start by giving the input elements ID’s.

<input type=text value="a" id="a"/>
<input type=text value="b" id="b"/>

Now, you can use document.getElementById to get the element, and then the value

<input type=button onclick="foo(document.getElementById('a').value,document.getElementById('b').value)" />

Note the use of ‘ vs ” due to them being nested…

But you could also just pass the ID’s to foo, and have foo do the getElementById-stuff.