본문 바로가기

JavaScript

(3)

[JavaScript] 반복문 [반복문을 사용하지 않은 코드] 이렇게 반복되는 구문을 여러개 적을때 하드코딩하지 않기 위한 방법이 반복문이다. [반복문 적용 코드] 자바스크립트에서의 반복문은 이렇게 코딩하면된다. 예제 모든 div의 innerText를 바꾸기 버튼을 클릭하면 innerText로 바꾸기 p요소에 마우스를 올리면 모든 div의 배경색을 노란색으로 바꾸기 //위의 p요소에 마우스를 올리면 모든 div의 배경색을 노란색으로 바꿔보세요. document.querySelector("#one").addEventListener("mouseover",function(){ for(let i=0;i

[HTML/JavaScript] event 처리 / 효율적인 이벤트 처리 이벤트 처리하는 방법 비효율적 눌러보셈 이벤트를 처리할 때 이렇게 해도되지만 효율적인 방법은 아니다. 효율적 //id가 one인 요소에 "click" 이벤트가 일어나면 자동으로 호출되는 함수 등록 document.querySelector("#one").addEventListener("click",function(){ console.log("두번째 버튼을 눌렀네요?"); }); 이렇게 사용해야 효율적인 방법이다. 어떻게 나오는지 차근차근 알아보자. 이 방법을 쓴 예제보기 .... https://e-you.tistory.com/162 효율적이게 만드는 방법 document.querySelector("h1") type은 h1 object이다. (h1 참조값) 이 참조값만 있으면 h1오브젝트를 마음대로 조작할 ..

[JavaScript] dataType 합치기 / array + object 배열에는 주로 한가지 type의 데이터만 담는게 일반적이다. 하지만 프로그래밍을 하다보면 여러 type을 담아야 할 때가 많다. 그때 array 와 object를 합쳐서 사용한다. 두개를 합쳐서 사용하지만 전체를 []이 감싸고 있기때문에 data type은 배열이다. let members = [{},{},{}]; 기본 구조는 이렇게 생겼다. array안에 object들을 넣으면 된다. //배열에 object type 담기 let members = [ {num:1,name:"김구라",isMan:true}, {num:2,name:"해골",isMan:false}, {num:3,name:"원숭이",isMan:true} ]; 안에 데이터를 채워넣으면 이렇게 완성된다. 접근은 이렇게한다. >> members >> ..

이전 1 다음

티스토리툴바