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

home2 게시판 JavaScript, TS 게시판 다크모드 질문입니다

다크모드 질문입니다

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

    이은애
    참가자
    안녕하세요 선생님! 강의 잘 듣고 있습니다.
    이런식으로 코드를 짰는데 
    
    <body>
    <nav class="navbar navbar-light bg-light">
            <div class="container-fluid">
                <span class="navbar-brand">JSShop</span>
                <span id = 'badge' class="badge bg-dark">Dark 🔄</span>
                <button class="navbar-toggler" type="button">
                <span class="navbar-toggler-icon"></span>
                </button>
            </div>
            
        </nav>
    </body>
    <script>
        // var 변수이름 = 변수에 넣을값;
       
        $('.badge').on('click', function (){
            count +=1;
             if(count % 2 == 1){
            $('.badge').html('Light'🔄);
            } else {
                $('.badge').html('Dark'🔄)
            }
            });
       
        // badge 클릭횟수가 홀수면 클릭시 내부 글자를 light로 변경
        // badge 클릭횟수가 짝수면 클릭시 내부 글자를 Dark로 변경
    </script>
    
    
    캡처
    
    버튼이 이런식으로 나오는건 어디가 잘못된걸까요..??
    • 이 게시글은 이은애에 의해 8 월 전에 수정됐습니다.
    • 이 게시글은 이은애에 의해 8 월 전에 수정됐습니다.
    #131542

    codingapple
    키 마스터
    크롬 콘솔창에 에러같은거 없나 확인해봅시다
    #131543

    이은애
    참가자
    아 부트스트랩 코드를 지워서 그랬던 거였네요ㅠ 해결했습니다 감사합니다!
    • 이 답변은 이은애에 의해 8 월 전에 수정됐습니다.
    #131545

    이은애
    참가자
    혹시 이렇게 스크립트에 이렇게 작성했는데 콘솔창에 계속 이런 오류가 뜨는건 왜일까요...?
    잘못했나 싶어서 코드 그대로 복사해서도 써봤는데 뭐가 문제인지 모르겠습니다..
    
    $('.badge').on('click',function () {
                count += 1;
                if (count % 2 == 1) {
                    $('.badge').html('Light🔄');
                } else {
                    $('.badge').html('Dark🔄')
                }
                });
      11
    #131548

    codingapple
    키 마스터
    jQuery 설치파일 하단에 코드 작성합시다
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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