YELOPER

  • 홈
  • 태그
  • 방명록

JAVASCRIPT/토이 프로젝트 2

[JAVASCRIPT] 02_Counter

1. 목적 양수인지 음수인지에 따라 색상이 바뀌는 카운터 만들기 DOM 학습 2. 주요 개념 document.querySelectorAll() forEach() forEach의 파라미터: 변수가 가지고 있는 모든 아이들 보여줌 addEventListenr() currentTarget 속성: eventListener를 가진 요소 target 속성: 이벤트가 발생한 바로 그 요소 classList classList.add(String) classList.remove(String) classList.contains(String) : 지정한 클래스 값이 존재하는지 확인 (true, false 값 반환) classList.replace(old,new): old class를 new class로 대체 classLis..

JAVASCRIPT/토이 프로젝트 2022.12.13

[JAVASCRIPT] 01_Color Flipper

1. 목적 랜덤으로 배경색 바꾸기 DOM 학습 2. 사용된 주요 개념 arrays document.getElementById() document.querySelector() addEventListener() document.body.style.backgroundColor Math.floor() Math.random() array.length innerHTML innerText textContent - Element의 속성 - 해당 Element의 HTML, XML 읽어오거나, 설정 - div 안에 있는 HTML 전체 내용 가져옴 - display:none으로 숨겨진 텍스트도 보여줌 - Element의 속성 - 해당 Element 내에서 사용자에게 보여지는 텍스트 값 읽어옴 - 공백 무시, 숨겨진 텍스트 ..

JAVASCRIPT/토이 프로젝트 2022.12.13
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (73)
    • HTML (0)
    • CSS (0)
    • JAVASCRIPT (36)
      • 문법 (16)
      • 토이 프로젝트 (2)
      • 코딩테스트 (18)
    • VUE (6)
    • REACT (12)
      • 쇼핑몰 프로젝트 (7)
    • NEXT.JS (8)
      • Cock! 칵테일 프로젝트 (8)
    • REACT NATIVE (5)
      • 포트폴리오 (1)

Tag

프로그래머스, 코딩테스트, js, JavaScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바