• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 모달창 버튼 작동 질문드립니다.

모달창 버튼 작동 질문드립니다.

  • 이 주제에는 1개 답변, 1명 참여가 있으며 MD3 년, 5 월 전에 전에 마지막으로 업데이트했습니다.
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #23909

    MD
    참가자

    <div id="modal" class="black-background">
      <div class="white-background">
      <p>로그인 하세요</p>
      </div>
    </div>

     

    모달창 이렇게 만들었습니다. 선생님 방법대로욤.

     

    <a class="btn btn-primary btn-lg" href="#" role="button" id="login-btn">Login</a> 이게 로그인 버튼입니다. id를 login-btn 으로 줬습니다.

     

     

    document.getElementById('login-btn').addEventListener('click', function(){
        document.getElementById('modal').style.display = 'block';
    });

    제이쿼리를 쓰지 않고 자바스크립트로 개발하고 싶어서 이렇게 해봤는데 정상작동을 안 합니다.

     

    자바스크립트 코드에 뭔가 문제가 있는건가요?

    #23921

    MD
    참가자

    이전에 하던 수업의 자바스크립트 코드 때문에 안 되던거였네요. 계속 같은 파일에 자바스크립트 코드만 추가하면서 하고 있었거든요..

     

    Uncaught TypeError: document.getElementById(...) is null

     

    콘솔에 이런 에러가 뜨길래 구글링 좀 해보다가 다른 자바스크립트 코드 다 주석으로 하니까 해결이 됐네요.

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠