javascript 공부

사람들의 하루동안 걷는 평균양이 10,000보입니다. 길동이한테 하루 걷는 양은 몇보인지? 질문을 합니다. 평균양보다 크거나 같으면 "좋은 습관 이군요!" 이라는 도장을 찍어줍니다. 평균양의 이하는 도장은 안 찍어주고 "운동 하세요" 라는 도장을 찍어줍니다.prompt

문제 for문 사용해서 콘솔창에 ★5개 실행해주세요. (★5개 아니여도 상관없습니다.) 작성한 코드 설명 변수를 선언하고 메모리공간에 변수이름 star 작성하고 ★ 저장한다. 콘솔창에 ★5개 실행해야하니 반복문 for 사용해야한다. for 선언하고 () 안에 초기값

var a = 0; 는 a메모리공간에 0를 저장한다.for(){}의 실행순서는 초기값 > 조건식 > 출력 > 증감값 순으로 실행이된다.for문 ()안에 var i = 1; i <= 4; i++ 있다.초기값이 var i = 1는 i메모리공간에 1를 저장하고조건식이

elements 에서 html 코드를 선택 하고 console 창에서 console.dir($0) 입력하면 Properties 나옵니다. F12 누르고 개발자 모드 실행합니다. 개발자 모드에서 좌측상단에있는 elements 클릭 합니다. 클릭하면 html 코드 가

외부파일으로 실행할 때 설명 html 코드는 위에서 아래로 읽으면서 실행 됩니다. html부터 읽으면서 내려오다가 script를 만나게 되면 script코드 인식 하고 .js 파일을 다운로드 합니다. 다운로드하고 실행시키는데 .js파일 에서 #wrap 이라는 ele

새로고침 막는 명령어 preventDefault(); F5 새로고침 막을 수 있는 명령어입니다.

자바스크립트으로 자식요소 가져오기

클릭하면 나오게 하기

그냥 콘솔에 나타나게 하기 콘솔창에 6회까지 나타나게 해주면 간단하지만 만약에 100회, 1,000회, 10,000회 나타나게 하라면 수 많은 코드를 작성해야합니다. 작성하는 시간도 많아지고 수정하기가 상당히 힘들어집니다. 자바스크립트 문법 사용하여 나타나게 하기 시각화로 순서 매기기 "운동장" 값은 고정된다. 즉, 변하지 않는 고정값이다. "...

스크롤 내리면 헤더 고정시키기

할당된 데이터 값 글자 자릿수 선택 a 라는 메모리 공간에 hello 데이터 값이 들어 있는데 h 만 가지고 오고 싶으면 [0] 대괄호 안에 작성하면 된다.

parentNode : 부모 찾아준다. nextSibling : 형제 찾아준다. previousSibling : 위에 있는 형제를 찾아준다.

부모노드 parentNode 부모태그 찾아줍니다. 자식노드 childNodes 자식노드를 모두 찾아줍니다. firstChild 첫 번째 자식노드 lastChild 마지막 자식노드 형제노드 previousSibling 이전 형제노드 nextSibling 다음 형제노드 자바스크립트에서 #text가 숨어있다. 자바스크립트에서 #text 들어가 있습니다. ...

classList.add('on');

자바스크립트 기초 응용하기 결과는 똑같습니다. 하지만 코드 작성 후자가 편합니다.

offsetHeight

마우스 오버하고 아웃하면 오버했던 객체(엘리먼트)를 알려준다.relatedTarget

이벤트 핸들러는 "어떠한 사건에 대한 동작을 다룬다" 라는 의미입니다. 웹에서 콘텐츠를 열면 내용이 나오고 닫기버튼을 누르면 닫히는 것들이 다 이벤트 핸들러입니다. 이벤트 핸들러 개념은 간단합니다."마우스가 버튼에 닿았을 때"는 사건(Action)입니다. "마우스가 버