Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick)



Javascript(자바스크립트)로 input type=button과 button 이벤트


<p>자바스크립트로 해보기</p>
<input type="button" value="자바스크립트 input button" onclick="javascript_onclikc()">
<button type="button" onclick="javascript_onclikc()">자바스크립트 button</button>

<button id="javascript_btn1" type="button">자바스크립트 add EventListner button</button>


//자바스크립트 onclick
document.getElementById("javascript_btn1").addEventListener("click", javascript_onclikc);
function javascript_onclikc(){
alert('자바스크립트 button를 클릭하셨습니다.');
}




Jquery input type=button과 button 이벤트


헤더 부분에 꼭 선언해 주세요.

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>


<p>
<p>Jquery로 해보기</p>
<input id="btn1"type="button" value="jquery input 버튼">
<button id="btn2" type="button">jquery 버튼</button>
</p>


//Jquery onclick
//Jquery id 값으로 접근하여서 확인을 하였습니다.
$("#btn1").click(function javascript_onclikc(){
alert('Jquery button를 클릭하셨습니다.');
});
$("#btn2").click(function javascript_onclikc(){
alert('Jquery button를 클릭하셨습니다.');
});


See the Pen onclick by Nami (@NamuNami) on CodePen.



블로그 이미지

미나미나미

댓글을 달아 주세요