문제
jquery로 input요소에 내용 입력 후 button을 클릭했을때, p요소에 입력되도록하기
답
<body>
<!-- jquery로 input요소에 내용 입력 후 button을 클릭했을때
p요소에 입력되도록하기 -->
<input type="text" id="one"/>
<button id="sendBtn">전송</button>
<p id="console"></p>
<script src="./js/jquery-3.3.1.js"></script>
<script>
$("#sendBtn").on("click",function(){
//1. input요소의 value 값 갖고 오기
var a=$("#one").val();
//2. p요소에 value 값 innerText로 넣기
$("#console").text(a);
});
</script>
</body>
'J QUERY' 카테고리의 다른 글
슬라이드 만들기 2 (0) | 2019.11.26 |
---|---|
슬라이드 만들기1 (0) | 2019.11.26 |
Jquery Event 연습2 (0) | 2019.11.25 |
J query 동작 / Event / Effect (0) | 2019.11.25 |
J Query 문법 / 옵션 (0) | 2019.11.25 |