다음과 같이 작성하고 실행하면 input 태그에 123이 값으로 입력되고 값 뒤에 커서가 위치합니다. 단, focus()의 효과는 새로고침(F5)을 한 번 해야 적용됩니다.

<script>
const $input = document.querySelector('input');

$input.value = 123
$input.focus();

</script>

그림 4-18 input 태그의 값이 설정되고 값에 커서가 위치함