이렇게 강의보고 그대로 짯는데 알림창이 안뜨네요 왜 그런걸까요 오탄가 싶어서 거의 복붙해서 해봣는데도 안되네요ㅜㅜ
<div class="black-bg">
<div class="white-bg">
<h4>로그인</h4>
<form action="success.html">
<div class="my-3">
<input type="text" class="form-control" id="email">
</div>
<div class="my-3">
<input type="password" class="form-control">
</div>
<button type="submit" class="btn btn-primary" id="send">전송</button>
<button type="button" class="btn btn-danger" id="close">닫기</button>
</form>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
<script>
$('.navbar-toggler').on('click', function() {
$('.list-group').toggleClass('show')
});
$('#login').on('click', function() {
$('.black-bg').addClass('show-modal')
});
$('#close').on('click', function() {
$('.black-bg').removeClass('show-modal')
});
$('form').on('submit', function() {
if ($('#email').val() == '') {
alert('아이디 입력하세요');
}
});
</script>