● Console
웹 페이지 내에서 코드를 실행하는 가벼운 상황에서 이용하는 기능
우클릭 > 검사 > console
''.length : 문자열 길이
● JavaScript data type
데이터 타입 - 문자열, 숫자
● JavaScript String
문자열 길이
str.lengthhttps://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String
String - JavaScript | MDN
String 전역 객체는 문자열(문자의 나열)의 생성자입니다.
developer.mozilla.org
● Variables & assignment operator (=)
var X = 1
● 웹 브라우저 제어
- CSS : style 속성
색 property (속성) "color:powderblue "
배경색 property "background-color:coral"
- CSS : div / span 태그
- CSS : class 선택자 / Id 선택자
클래스는 태그 내 class = "클래스 이름" 으로 생성하여 그룹핑 합니다. (grouping) - 그룹 처리
<style> 태그 안 .(dot)"클래스 이름"
ID는 태그 내 id = "식별 이름" 으로 생성하여 식별합니다. (targeting) - 예외 처리
<style> 태그 안 #(hash)"식별 이름"
클래스는 중복하여 사용가능하지만 ID는 한 번만 사용합니다.
선택자 우선순위는 id > class > 일반 문법입니다.
● 제어할 태그 선택
javascript select tag by css selector
javascript element style
<input> 태그
<body>
<input type = " button", value = "night", onclick = "
document.querySelector('body').style.backgroundColor = "black";
document.querySelector('body').style.color = "white";
">
</body>
'Web developer > [JavaScript]' 카테고리의 다른 글
| [JS_04][WEB] JavaScript 활용 (0) | 2023.02.18 |
|---|---|
| [JS_03][WEB] JavaScript 문법 (0) | 2023.02.17 |
| [JS_01][WEB] JavaScript 실행 방법1 (0) | 2023.02.13 |
댓글