이번에는 JavaScript를 사용하여 웹 페이지의 입력 폼에 텍스트를 입력하는 방법에 대해 알아보겠습니다.

1. HTML 입력 폼 생성

우선, HTML을 사용하여 텍스트를 입력할 수 있는 입력 폼을 만듭니다.

<form>
  <label for="inputText">텍스트 입력:</label>
  <input type="text" id="inputText">
  <input type="button" value="입력" onclick="submitText()">
</form>

2. JavaScript 함수 작성

다음으로, JavaScript 함수를 사용하여 입력 폼에 텍스트를 입력하는 기능을 구현합니다.

function submitText() {
  var userInput = document.getElementById('inputText').value;
  // 입력된 텍스트를 원하는 동작(예: 저장, 출력)에 활용
  console.log('사용자 입력: ' + userInput);
}

위의 코드에서 submitText 함수는 입력 폼에서 사용자가 입력한 텍스트를 가져온 다음, 원하는 동작에 활용할 수 있도록 합니다.

3. 결과 확인

웹 페이지를 브라우저에서 열고 입력 폼에 텍스트를 입력한 뒤, “입력” 버튼을 클릭하여 함수가 동작하는지 확인합니다.

이렇게하면 JavaScript를 사용하여 입력 폼에 텍스트를 입력하는 간단한 방법을 알아보았습니다.

더 많은 정보는 W3Schools를 참고하시기 바랍니다.