코딩이야기/JS 기초 문법정리9 #9. 자바스크립트(JavaScript) - JS에서 Html의 요소를 변경하는 방법 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Document 안녕 Colored by Color Scripter cs Html에는 수많은 요소가 있습니다 body, div, h1, form, input.... 이런 수많은 요소들을 Html에서 직접 변경하지 않고 JS에서 제공하는 메소드를 이용하여 바꿀 수 있습니다. Document => 웹페이지 그자체, Html 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작하여야 합니다. 요소변경 ex) "안녕" 이라는 요소에 innerText="안녕"을 다른것으로 바꾸고 싶다면 1 2 3 4 5 6 7 const title = document.getElementById("tit.. 2022. 7. 9. #8. 자바스크립트(JavaScript) - event 만들기! function 함수란? => https://taehyeon-smilestudy.tistory.com/17 #4.자바스크립트(javascript) - 기본 함수(function, return) function = 필요할 때마다 호출하여 해당 작업을 반복해서 수행 가능한 함수입니다. 기본사용법 1 2 3 4 5 6 7 8 9 10 11 //function 함수이름(매개변수){ // 함수가 호.. taehyeon-smilestudy.tistory.com Html의 기본 요소를 불러옵니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Document hello! Colored by Color Scripter cs JS에서 querySelector를 이용하여 h2를 검색합니다. 1 const.. 2022. 7. 9. #7. 자바스크립트(JavaScript) - 조건문(switch문), 삼항연산자 특정 조건 만족 시(참인 경우) 실행하는 명령의 집합 이며, 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문이다. switch문 문법 switch (조건값){ case 값1 : 실행문 break; ==> 조건값이 case절에 부합하면 밖으로 빠져나갑니다. case 값2 : 실행문 break; default : ==> 조건값이 case절 모두에 해당하지 않을경우 default절이 실행됩니다. 실행문 break; } 1 2 3 4 5 6 7 8 9 10 11 12 const num = 10 switch (num % 2){ case 0 : console.log("해당 값은 짝수입니다") break; case 1 : console.log("해당 값은 홀수입니다") break; default : console.. 2022. 6. 25. #6.자바스크립트(JavaScript) - 조건문(if문) 조건문이란? 특정 조건 만족 시(참인 경우) 실행하는 명령의 집합 이며, 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문이다. if문 문법 1. if(표현식){ 실행문; => 표현식이 참 일 때 실행문을 실행합니다. } 1 2 3 4 5 6 7 if (x == y){ console.log("x와 y는 같습니다."); } // 연산자 : == 같다 // && and // || or cs 2.if(표현식){ 실행문; } else { 실행문; } 1 2 3 4 5 6 if (x == y){ console.log("x와 y는 같습니다."); } else{ console.log("x와 y는 같지 않습니다."); } Colored by Color Scripter cs 3. if else문 안에 다시 if문으로 .. 2022. 6. 25. 이전 1 2 3 다음
