JavaScript "button" 서식

Whoyoung90·2021년 1월 10일

onclick

<input type='button' onclick='fnc()'>
function fnc(){         }; // inline 방식

id

<input type='button' id='target'> 
 var t = document.getElementById('target');
 t.onclick = function(){    }; // 프로퍼티 리스너
var t = document.getElementById('target');
t.addEventListener('click', function(){   }); //Event방식
$('#target').click(function(){   }); //jQuery방식

button으로 나올 수 있는 여러 서식들을 나열해 보았다.

profile
비전공으로 일식 쉐프가 되었듯, 배움에 겸손한 프론트엔드 개발자가 되겠습니다 :)

0개의 댓글