자바스크립트를 통해 button 태그 조작 명령 시도시 input value 변경, focus 불가

Question

안녕하세요 프론트엔드를 목표로 하고있는 공부생입니다한 강의를 따라해보다가 안되서.. 너무 답답+궁금해져서 여쭤보게 되네요 ^^ㅠbtn 를 누를때 input에 들어가있는 기존 hi 값을 hello로 변경하고 focus 하고 싶으나명령을 듣지않아 해결 방법이 있는지 또는 다른 방법을 사용해야하는지 알고싶습니다.html: Document javascript:const btnEl = document.querySelector('button') const inputEl = document.querySelector('input') btnEl.addEventListener('click', function () { inputEl.value="Hello" inputEl.focus() })

Gear · Answer

코드 전체를 올려주세요있는 그대로 복붙 해서 보여 드립니다. 잘 됩니다:https://jsfiddle.net/sjfvh3zy/다만 추측할 수 있는 이유로는, 순서의 차이가 있을 수 있습니다.웹 브라우저는 웹 페이지를 위에서부터 아래로 읽어가면서 실행합니다.이 때 해당 자바스크립트 코드가 위에 있다면, 아직 button과 input 요소가 없기 때문에 코드가 올바르게 동작할 수 없는 것입니다.있는 그대로 복붙 했지만 안 되는 예시입니다:https://jsfiddle.net/fy1ax7ur/

신입뉴비28282 · Answer

코드만 보면 되야합니다. 아마 제 생각에는 button이 form안에 있거나, 저 둘 이외에 다른 button, input elemet가 있거나..할 듯 하네요 만약에 전자라면 button의 type을 button으로 지정해주세요

자바스크립트를 통해 button 태그 조작 명령 시도시 input value 변경, focus 불가

2개의 답변

기타 목록