JS-이벤트리스너

이벤트 리스너

<script>
  var value = $('.form-select').eq(0).val();
	if (value == '셔츠'){
    	$('.form-select').eq(1).removeClass('form-hide');}
</script>

위의 경우 페이지가 스윽 한번 읽고 지나가기 때문에, 페이지 로드시 딱 1번 실행되고 끝남.
유저가 셔츠를 선택할 때마다 코드를 실행시키려면,
그때 사용하는게 바로!!

이벤트 리스너

<script>
  $('.form-select).eq(0).on('input',function(){
  var value = $('.form-select').eq(0).val();
	if (value == '셔츠'){
    	$('.form-select').eq(1).removeClass('form-hide');
    }
})
</script>

위와같이 이벤트리스너를 통해 코드를 짜면,
유저가, 첫째 셀릭트 인풋에 변경할때마다 '~~~' 아래 코드를 실행해달라는 뜻