문제1. button을 클릭하면 input요소에 작성된 내용을 p요소에 입력되도록하고, input에 있는 내용은 삭제
후 자동으로 input 요소에 포커스 주기
목적1. focuse();를 활용해본다.
목적2. HTML문서 객체의 value 값에 접근할 수 있다.
목적3. HTML문서 객체의 value 값을 변경할 수 있다.
답
<body>
<!-- button을 클릭하면
input요소에 작성된 내용을 p요소에 입력되도록하고,
input에 있는 내용은 삭제후
자동으로 input 요소에 포커스 주기 -->
<!--
1. 버튼 클릭시 input의 value 값을 갖고 옴.
2. input의 value값을 p요소에 넣어줌
3. input에 입력되어있던 값을 없애줌
4. focus 주기
-->
<input type="text" id="one" placeholder="입력하세요."/>
<button onclick="inputText();">입력</button>
<p id="two"></p>
<script>
var inputText=function(){
var a=document.querySelector("#one").value;
document.querySelector("#two").innerText=a;
document.querySelector("#one").value="";
document.querySelector("#one").focus();
};
</script>
</body>
'Javascript' 카테고리의 다른 글
| 그림을 사방으로 움직이고, 회전, 리셋 시켜 보기 (0) | 2019.11.05 |
|---|---|
| 버튼 클릭시 자동 계산 되도록하기 (0) | 2019.11.05 |
| 카운트 올리기, 줄이기, 리셋 (0) | 2019.11.05 |
| javascript로 HTML 문서에 접근하고 contents변경해보기 (0) | 2019.11.05 |
| Function(함수) (0) | 2019.11.04 |
