목록생활코딩 독학/WEB2 - JavaScript (6)

Coding Feature.

JS #2 데이터 타입, 변수, 태그 선택, 조건문, 리팩토링

- properties 문자열.length 문자열의 크기. ​ ​ - method 문자열.toUpperCase() 문자열을 모두 대문자로. ​ 문자열.indexOf('o') o 문자가 있는 위치 반환. ​ 문자열.trim() 문자열 내 공백을 없애준다. ​ "1" + "1" "11"이 된다. ​ 변수명 앞에 var 적는 습관 중요. ​ document.querySelector('#target') id가 target인 태그를 선택. ​ 조건문은 if(..===..){ } else{ } '===' 비교 연산자. ​ .. document.querySelector('#night_day').value -> id가 night_day인 태그의 value 값 반환, 여기서는 night. ​ ​ 리팩토링. 중복 제거 통..
생활코딩 독학/WEB2 - JavaScript 2023. 1. 8. 23:17
JS #1 HTML과 JS의 만남.

night 버튼, 클릭 시 자바스크립트 실행. ​ document.querySelector('body') -> 이 문서 내에서 body tag를 선택. 즉 화면 전체. ​ document.querySelector('body').style.backgroundColor='black'; -> body tag 내 style 속성 값인 배경색을 검정색으로. ​ 즉 버튼을 눌러 자바 스크립트를 실행해서 css 속성을 변경한다. ​ ​ 자바스크립트는 HTML 위에서 동작하는 언어. ​ JS를 추가하려면 태그 이용. ​ ​ ​ 클릭 시 경고문 hi가 나온다. -> 이벤트. type="text" -> 텍스트 박스. onchange=".." -> 값이 변경될 시 이벤트 발생. onkeydown=".." -> 키를 눌렀을 ..
생활코딩 독학/WEB2 - JavaScript 2023. 1. 8. 23:17
이전 Prev 1 2 Next 다음