훈훈한 javascript

TodoList

TodoList 1단게 //HTML파일 ToDo //자바스크립트 파일 const todoInput = document.querySelector("#todo-input"); const keyCodeCheck = function () { if (window.event.keyCode === 13 && todoInput.value !== "") { const todoList = document.querySelector("#todo-list"); const newLi = document.createElement("li"); //변수에 태그 요소를 담음 const newSpan = document.createElement("span"); newSpan.textContent = todoInput.value; newL..

함수 선언의 종류

1.함수 표현식 : hoisting영향X 함수이름은 sum이다. const sum = function(){ let result = 10 + 10; } 2.함수 선언문: 안 쓰는 것이 좋다. 함수 이름은 sum이다. sum() : sum()위에 함수가 정의 되지 않았음에도 hoisting으로 인해 sum()함수 호출 가능 function sum() { let result = 10 +10; } 3.화살표 함수: 소괄호와 중괄호 사이에 '화살표'가 위치, 주로 사용 함수이름은 sum이다. const sum = () => { let result = 10 + 10; }

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..