본문 바로가기
728x90
300x250
SMALL

javaScript/J Query & 스크립트138

다중 for문 다중 for문은 이름에서도 알 수 있듯이 for문 안에 for문이 있는 구조를 말한다. for(초깃값;조건식;증감) { 실행구문; for(초깃값;조건식;증감) { 실행구문 } } 다중 for문을 이용해서 별표 표시하기 for(let i=0;i 2022. 4. 7.
JavaScript 변수의 종류 전역변수 : 전역에서 사용하는 데이터를 담은 변수를 말하며 문서 어디에서든지 접근이 가능하다. 지역변수 : 특정 영역 안에서만 사용하는 변수이며 주로 함수 내부에 만들어지는 변수이다. 매개변수(파라미터) : 함수 외부에서 함수내부로 데이터를 전달하기 위해 사용하는 변수 이다. 멤버변수(프로퍼티) : 클래스 내부에서 만들어지는 변수를 말하며 주로 객체 정보를 담는 변수이다. 2022. 4. 6.
지역변수 전역변수 차이 지역변수(Local Variable)와 전역변수(Global Variable)의 차이는 만들어지는 위치이다. 만드는 방법은 동일하지만 어느 위치에 만들어지냐에 따라서 전역변수와 지역변수로 구분되게 된다. 아래 예시 코드는 1번부터 4번까지 모두 같은 이름의 fruit 변수를 출력한다. let fruit = "사과"; function fruitFunction1() { let fruit = "바나나"; document.write(`2번 : ${fruit} `); } function fruitFunction2() { fruit = "딸기"; document.write(`3번 : ${fruit} `); } document.write(`1번 : ${fruit} `); fruitFunction1(); fruitFu.. 2022. 4. 5.
JavaScript에서 hasClass() 기능 사용하기 jQuery에서 간단하게 사용하던 hasClass if (!$('#list').hasClass('blue')) return; 클래스가 있는지 없는지 판별하는 기능을 JavaScript에서는 어떻게 쓰면 될까? classList.contains(); contains() 메서드를 사용하면 된다. if (!document.querySelector('#list').classList.contains('blue')) return; 아래 예시를 확인해 보자 #list의 li태그의 색상을 red로 변경하는데 blue라는 클래스를 가지고 있는 li만 blue로 색상을 변경한다. See the Pen classList.contains by kim oya (@ttuttu) on CodePen. 2022. 4. 1.
728x90
반응형
LIST