Why won't this simple script work?

JavaScript
1 
<!DOCTYPE html>
<html>
<head>
</head>
<body>

<form >
	Currect Address: <input id="demo" type="text"  >
	<button type="button" onclick="reuse_addr()">Addr</button>
</form>

<script>
	function reuse_addr() {
		document.getElementById("demo").innerHTML = "123 Main St";
	}
</script>

</body>
</html>
2

Where’s the script?

3

forgot to use code tags

4

I typically work with Jquery, but I assume you could achieve this with pure Javascript.

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<form >
    Currect Address: <input id="demo" type="text"  >
    <button type="button" onclick="reuse_addr()">Addr</button>
</form>
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
    function reuse_addr() {
        $('#demo').val('123 Main St');
    }
</script>

</body>
</html>
1 Like
5

Thank-you.

What’s the raw javascript solution? I thought this was a simple tangent to what I was doing. Then I discovered I couldn’t figure it out in raw js.

6

You just need to replace innerHTML with value in the original snippet.

1 Like
7

Thanks again! That’s 45 minutes I’ll never get back! Just had to know.

What’s the rule you used? I was certain it was innerHtml.

8

What do you mean by that?

9

How did you know to use value instead of innerHtml?

10

A quick Google search with a quick demo test.

1 Like
11

I googled the hell out of it, but no joy. Can you share a link or the search you used?

12

https://www.google.com/search?q=javascript+get+value+of+input

First Stack Overflow article. I knew to use .value because you were trying to replace the value of the input field. Usually, I use .val() if I want to replace a value or get a value of an input field. So I put 2 and 2 together.

1 Like
13

Excellent feedback! Great work! Thanks for all your time.

Niche

1 Like
14

Here’s some good guidance on when to use .value and when to use .innerHtml

https://stackoverflow.com/questions/8823498/setting-innerhtml-vs-setting-value-with-javascript

15

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.