JavaScript - JS 활용

lsjoon·2022년 12월 10일
0

JavaScript

목록 보기
1/32

문자열 거꾸로 출력하기

function reverse(str) {
	var reverStr= '';
    for (var i = str.length -1; i >= 0; i--) {
    	reverStr = reverStr + str.charAt(i);
    } 	return reverStr;

소수 출력하기

function isPrime(n) {
	var divisor =2;
    while (n > divisor) {
    	if (n % divisor === 0) {
        return false;
        } else {
        divisor++;
        }
    } return true;
}

주사위 게임

var dice = Math.floor ( Math.random() * 6 ) + 1 ;

네비게이션기능 구현하기

e.preventDefault();					// 특정 기능 정지 메서드
window.scrollTo({
	'behavior': 'smooth'			// 부드럽게 이동
    'top': xxx.offsetTop			// 특정 영역의 위에서의 좌표값

이미지 슬라이드 하기

setInterval(function(){
	···
}, 3000); 						// 	3초 간격으로 반복적으로 코드 실행

xxx.animate({
	marginLeft: ["0px", "1024px"]			//	왼쪽으로 이동
}, {
	duration: 500,
    easing: "ease",
    iterations: 1,
    fill: "both"
})
xxx.previousElementSibling;				// 이전 요소 선택
xxx.nextElementsibling;					// 다음 요소 선택
xxx.parentElement;						// 부모 요소 선택
xxx.firstElementChild;					// 첫번째 자식 요소 선택
xxx.lastElementChild;					// 마지막 자식 요소 선택

탭 버튼 기능 구현

nodeList.forEach(function(item) {
	console.log(item)
})										// 배열의 모든 요소에 코드 적용

스크롤 이동시키기

window.scrollTo({top, left, behavior)

top : 세로 위치 / left : 가로위치
behavior : 스크롤 효과속성
-auto : 기본값, 바로 위치로 이동
-smooth : 부드럽게



제어문 활용

평균구하기(if문)

const scores = {
	kor = 55,
    mat = 75,
    eng = 50
}    

if (scores.kor < 40 || scores.mat < 40 || scores.eng < 40) {
	return "fail";
} else if ((scores.kor + scores.mat + scores.eng) / 3 < 60) {
	return "fail";
} else {
	return "pass";
}

함수 활용

function result() {
	if (score.kor < 40 || scores.mat < 40 || scores.eng < 40) {
		return "fail";
	} else if ((scores.kor + scores.mat + scores.eng) / 3 < 60) {
		return "fail";
	} else {
		return "pass";
	}
}    

Object와 reduce 활용

const scoreArr = Object.values(scores);
console.log(scoreArr);				// [ 55, 75, 50 ]

const avg = scoreArr.reduce((total, num) => total + num) / 3;
console.log(avg)					// 60
profile
중요한 것은 꺾여도 그냥 하는 마음

0개의 댓글