낮햇볕

event.preventDefault 이벤트실행시 새로고침이나 새창나오는것을 막아준다

element.classlist.add("class") html에 해당요소(태그)에 class추가 element.classlist.remove("class") html에 해당요소(태그)에 class 삭제

.getElementById("id값"); const name = document.getElementById("id값"); HTML의 태그의 id값을 가져올수있다 #사용하지 않아도된다 .querySelector("#id값") const hi = document.querySelector("#id값"); CSS선택자를 이용해서 요소의 첫번째 태그 선택할수있다 CSS선택자처럼 띄어서 자식태그도 사용가능 #사용해야한다

함수표현식 변수에 대입해 사용하는 이름없는 함수 객체로 호출, 한번만사용 여러번사용시 변수 안에 넣어사용 한번만 사용은 event버튼눌렸을때 어떤 이벤트들어갈지 익명함수 사용 let 변수 = function (매개변수) { 함수 문장들; return; }; 변수이름으로 호출가능 덮어씌우면 다른 함수사용가능해서 이름없는 함수 function 명시적이랑 비슷 이름대신변수이름사용 변수에 넣어서 호출해준다 변수에 넣어줘서 {}끝에 세미콜론을 붙여줘야한다 //매개변수와 리턴값없을때 let hi = function () {//함수이름,매개변수 없음 document.write("안녕");//함수내용적기 };//변수에 할당하므로 ;을 붙인다 hi();//실행호출 해야 나옴 호출방법은 동일하다 안녕 매개변수 2개 일때 ..

함수안 일정규칙이 들어가 있는내용 function 함수이름(매개변수1,매개변수2,...) { 함수가 호출되었을때 실행하고자 하는 실행문장; return돌려줄 값; } 자주 사용한것을 블록으로{} 묶음 매개변수 : 함수 안에서 사용할 변수값을 가져와서 사용하기 위해 담는 변수 함수안에서는 함수가 호출되었을때 실행하고자 하는 실행문장 코드는 여러줄도 가능 리턴 : 계산끝났거나 전달하고 싶은 결과값 전달 함수실행된수 돌려줄값사용 만약 리턴값이 없다면 콘솔창에 출력하고 싶어도 undefined가 뜬다 인수: 함수를 호출할때 넣어주는 값 선언한후 호출해서사용한다!! 리턴값 저장하거나 출력가능 Number라는 형 변환함수 사용해줄때 리턴되어 출력되어 반드시 number= Number()로 저장가능과 출력가능 값만 ..

for(let i=0; i

while 조건이 true(참)인 경우 문장들을 반복실행 if문과 비슷하다 if문은 true(참)이면 실행하고끝나지만 while문은 true(참)이면 true(참)인것을 반복한다는것이 다르다 While(조건식){ 동작문 } 조건이 true이면 동작문을 반복한다 동작문은 여러개 둘수 있다 반복문을 실행하기 위해선 무한반복이 되지 않게 해야되는데 그럴때는 변수를 사용해주면 된다 let i = 1; while ( i

for(let i=0; i

for(let i = 0; i>10; i++) { document.write(i);출력할값 }//0123456789 let i =0 초기값을 적어준다 i가 현재 0이고 i>10 이여서 10번되기 전까지 계속 숫자를 (i++)더해줘서 반복한다 꼭 i를 언제까지 반복할건지 지정해줘야한다 안그러면 계속 더해줘서 과부화걸릴지도 모른다 let sum = 0 for(let i=0 ; i=60) { document.write(`${ Number(i)+1} : ${scoreArray[i]}, 합격입니다`);//앞점수값 } else{ document.write(`${ Number(i)+1} : ${scoreArray[i]}, 불합격입니다`); } } //1 : 20, 불합격입니다 2 : 50, 불합격입니다 3 : 80,..

여러개의 값 동시에 확인할때 if else조건문과 실행방식이 다르지만 값은 같다 case를 통해 맞는 값에 실행 if문에서는 if나 else if 맞지않으면 else통해 출력하지만 switch 에서는 모든값 맞지않으면 defult값으로 출력한다 switch() { case: break; case: break; default: break; } if문과 다르게 비교할 값이 들어가주면된다 문자열도 가능하다 만약 A라는 값이 있다면 case에서 값이 A인값찾고 A가나오면 실행한다 break를 만나 나오게된다 만약break가 없다면 다음것도 실행하게된다 숫자도 가능하다 0일때 case에 적어주고 비교할값 1이 들어오면 첫번째 비교하고 break로 나오게된다 default는 제일 마지막에 위치하며 이곳은 따로 br..