<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="inputTxt">
<p id="container"></p>
<script>
// id가 inputTxt인 input 요소를 가져와서 inputTxt라는 변수에 저장
const inputTxt = document.getElementById('inputTxt');
// inputTxt 요소의 값이 변경될때마다 실행할 함수 -> addEventListener
inputTxt.addEventListener('keyup',()=>{
// 사용할 이벤트 속성은 keyup
// 첫 번째 출력 inputTxt 안에 있는 값(.value)을 console에 출력
console.log(inputTxt.value);
// 두 번째 출력 가져온 값을 id가 container인 p태그 안에 입력
document.getElementById('container').innerText = inputTxt.value
})
</script>
</body>
</html>
개발자