How to set value in JavaScript entry?

Question

I have an input field with id txt1, but I cannot change the value from JavaScript.

<form action=""> 
First name: <input type="text" id="txt1" onkeyup="showHint(this.value)">
</form>

<script>
  document.getElementById('txt1').value('anyvalue1111');
</script>

Note . I found that in stackoverflow how to change the input value, but did not find the answer. The title of the question saves a lot of time. This is a fair question in this way.

Answer 1

This syntax is for jQuery:

$('#txt1').val('anyvalue1111');

To use Javascript:

document.getElementById('txt1').value = 'anyvalue1111';

Answer 2

value is a property, not a method.

document.getElementById('txt1').value = 'anyvalue1111';

Answer 3

try it

<form action=""> 
    First name: <input type="text" id="txt1" onkeyup="showHint(this.value)">
    </form>

    <script>
    document.getElementById('txt1').value = 'Hello world!!';

    </script>