Question

Here is my code looks like, I would like to be able to use whatever user inputs as the value for my showColor function. I used document.getElementsByName, but I got some errors Type error. Can somebody help? Thanks!

<input type="text" name="color" value="Input Your Fav Color">
<button type="button" onClick="showColor('red')">Show Color</button>

Answer 1

I’m guessing it’s because you’re doing this

document.getElementsByName('color').value

You should be doing this instead

document.getElementsByName('test')[0].value

Because getElementsByName returns a collection, or alternatively give the element an id and use getElementById instead.