Setting the value of a input text field using JavaScript

In this tutorial, we are going to learn about how to set the value of a form input text field using JavaScript.

Consider we have a following input text field.

<input type="text" id="name" placeholder="Name" />

To set the value of an input text field, first we need to access it inside JavaScript by using the document.getElementById() method then it has a value property which is used to set the new value to an input text field.

const name =  document.getElementById('name');

// setting the value
name.value = "pop";