How do I focus an input when I click a button with JavaScript alone

Question

Let's say I have an input with an id

<input type="text" id="inPut">

and a button

<button onclick="myFunc()"></button>

How do I write a function (with simple javascript) such that onclick of the button, the input is focused?

Andrii Lukianenko · Accepted Answer · 2021-04-24 10:12:34Z

1

const myFunc = () => {
   const input = document.getElementById("inPut");
   input.focus();
}

answered Apr 24, 2021 at 10:12

Andrii Lukianenko

1854 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chris Andrew · Accepted Answer · 2021-04-24 10:14:20Z

0

This is a pretty basic solution...

But you could use the focus method...

function myFunc() {
  document.getElementById("inPut").focus();
}

answered Apr 24, 2021 at 10:14

Chris Andrew

911 silver badge9 bronze badges