본문 바로가기 메뉴 바로가기

근혁 study 공부정리

메뉴보기
  • 분류 전체보기 (101)
    • Linux (1)
    • JAVA (4)
    • SQL Query (1)
    • Javascript (29)
    • HTML (5)
    • CSS (12)
    • PHP (1)
    • Script Sample (35)
      • Search Effect (6)
      • SliderEffect (8)
      • QuizEffect (4)
      • MouseEffect (7)
      • ParallaxEffect (7)
      • MemoryGame (1)
      • MusicPlayer (1)
      • TypingGame (1)
    • MYSQL (11)
흔적남기기
검색하기 폼

최근 글

댓글

태그

흔적

  • 다녀간 사람들
  • 오늘 온 분
  • 어제 온 분
공지사항
링크
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함
Script Sample/MemoryGame에 관한글 (1)
Memory Game

{ //01. HTML/CSS 구성 //02. 클릭한 카드 뒤집기 //03. 두개의 카드 뒤집어서 같은지 확인 (첫번째, 두번째) //04. 클릭한 카드의 두개의 이미지 가져오기 //05. 두개의 이미지 비교하기 //06. 틀린 이미지 애니메이션 효과 주기 //07. 빨리 클릭하면 버그 발생 처리하기 const cards = document.querySelectorAll(".cards li"); let cardOne, cardTwo; let disableDeck = false; function flipCard(e){ //클릭 카드 = e 타겟 let clickedCard = e.target; if(clickedCard !== cardOne && !disableDeck){ //(빨리 클릭 버그)클릭카드와 ..

Script Sample/MemoryGame
이전 1 다음
이전 다음
© 2018 webstoryboy

티스토리툴바