내일 배움 캠프 4기 TIL(22.11.24)

baesee·2022년 11월 25일
0

내일배움캠프

목록 보기
22/75

일단 머지를 해서 합쳤는데 이제는 로그인이 text를 바꿔주는 형태였는데 머지 된거에는 div dispaly를 none inline 으로 바꿔야 해서 다시 코드를 고쳐야 했다

  <a href="#" class=
        "logo" onclick="route(event)">먹을텐데</a>
        <div class="header__end">
          <a href="#upload" onclick="route(event)">글쓰기</a>
          <a href="#login" onclick="route(event)">로그인</a>
        </div>
        <div class="header__end--logout">
          <a href="#upload" onclick="route(event)">글쓰기</a>
          <a href="#" onclick="route(event);logout(); ">로그아웃</a>
          <a href="#profile" onclick="route(event)" class="profile__image"
            >프로필사진</a
          >
        </div>

headerend headerend--logout를 로그인할때랑 로그인 됬을떄로 바꿔야한다


-main.js-
        document.querySelector(".header__end").style.display = 'none'
        document.querySelector(".header__end--logout").style.display = 'inline'

로그인 상태일때 none inline을줘서 항상 그렇게 보이게 만들었고 html 로그인에 button에 onclik을 줘서 handleAuth를 줘서 바로 로그인하게 만들었다 머 시간은 걸렸지만 결국에는 정상 작동 되서
오늘은 여기까지....

0개의 댓글