전체 글

D - Day Counter

D-day Counter -1단계 버튼 D-day Counter -2단계 버튼 ▶ 함수 안에서 선언된 변수는 지역변수이며, 함수의 영역안에 갖히게 된다. ▶ 그러나 함수 밖에서 선언된 변수는 함수 안에서도 사용될 수 있다. ▶ const dateFormat 이라는 상수변수는 ▶ dateFormMaker함수 안에 갖혀 있는 지역변수이다. ▶ 이를 극복하기 위해서는 dateFormMaker를 호출하고 반환값인 dateFormat를 targetDateInput에 저장한다. 그리고 targetDateInput을 Date()함수에 매개 변수로 넣는다. D-day Counter - 3단계 버튼 D-day Counter - 4단계 D-Day 0 일 0 시간 0 분 0 초 - - 카운트다운 시작 css * { box-..

훈훈한 javascript 요약

변수 선언 키워드 let(변수) → 재할당O, 재선언X const(상수 변수) → 재할당X, 재선언X, 선언과 할당이 동시 자바스크립트는 camelCase방식으로 변수명을 짓는다. 데이터 타입 String(문자열) → "안녕하세요", 'hello', 'Hello' + 'World' Number console.log(10+ 'a') → '10a' 출력 consle.log('100' * 20) →숫자로 변환시도 →성공 →20000 consle.log('a' * 20) →숫자로 변환시도 →실패 →NaN 배열의 메서드 배열(Array method) push("데이터입력") : 배열의 가장 뒤에 추가해 줌 pop() : 배열의 가장 끝에 있는 요소를 remove indexOf() : "데이터"가 위치한 index..

querySelector★★

querySelector를 활용한 데이터 참조 document.querySelector('#선택자') document.querySelector('태그선택자') document.querySelector('.클래스선택자') 버튼 실행결과 document.querySelector('#target-year-input') 해당 태그까지만 가져온다. document.querySelector('#target-year-input').value 2022를 입력하고 버튼을 클릭하면 2022

렛츠기릿 자바스크립트 7 (계산기) -self(연달아 계산)

계산기 - 연달아계산 버전1 let numOne =''; let operator=''; let numTwo=''; const $operator = document.querySelector('#operator'); // console.log($operator) const $result = document.querySelector('#result'); // console.log($result) const onClickNumber = (event) =>{ if(!operator){//연산자가 비어 있으면 numOne +=event.target.textContent $result.value+=event.target.textContent return } //연산자가 있으면 if(!numTwo){ $result.v..