[Javascript] 버튼 클릭 시, input 값 변경하기

 

Javascript를 이용하여

버튼 클릭 시

input form의 값(value)을 변경하는 예제입니다.

 

 

버튼 클릭 시, input 값 변경하기

<input id='my-input'></input>
<button onclick='btnClick()'>
  클릭하세요 
</button>

function btnClick() {
  const myinput = document.getElementById('my-input');
  
  myinput.value = "안녕하세요";
}

 

  HTML  

<button onclick='btnClick()'>

버튼을 클릭하면, btnClick()  함수를 호출합니다.

 

  JAVASCRIPT  

document.getElementById('my-input');

getElementById() 함수를 이용하여, id가 my-input인 input form 요소를 선택합니다.

 

myinput.value = '안녕하세요';

선택한 input form 요소의  value를 '안녕하세요'로 변경합니다.

input form에 어떤 데이터를 입력하든, 버튼을 클릭하면 '안녕하세요'로 초기화됩니다.