본문으로 바로가기

Jquery Event 연습1

category J QUERY 2019. 11. 25. 18:17

문제

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