자바스크립트란? = 사용자와 상호작용 하는 언어.
<목표 : 웹페이지에 다크모드, 데이모드 버튼 넣기>
-

-
자바스크립트를 작동시키는 태그
<script> </script>
-자바스크립트와 일반 html 코드의 차이점?
= html은 1더하기 1은 영원히 1더하기 1이다. 하지만 자바스크립트는 동적이다.

자바스크립트는 1과 1을 더하면 2라는 답을 알려주져.
-

온클릭 속성 값으론 반드시 자바스크립트가 와야한다.


--> 어떤 이벤트가 일어났을때 (이상황에선 클릭이겠져) 어떠한 자바스크립트가 실행되도록 하는 것이 온클릭.
-

글씨를 입력하면 내용이 변하는디. 변했을때 이벤트

텍스트 다른 글씨가 들어오면...
-
키 눌리면 사용자에게 키 눌렸다고 알려줌
-

여기 적은 글씨 몇글잔지 궁금할때 여기 콘솔창에 글자 붙여넣기하고 ' 이걸로 감싸준후

앞뒤 저렇게 또 쓴후

엔터를 누르면 이렇게.
이것은 자바스크립트를 파일 만들지 않고 즉석으로 실행시킬 수 있는 방법이다.
-

방향키 위쪽 누르면 전에 썼던 코드를 띄워줌,
-

산술연산자
문자는 "요 안에 넣는다.
-

-

소문자를 대문자로
-

자바스크립트의 문법 몇개
-

숫자 더하기와 문자열 더하기 차이
<변수와 대입연산자>
x=1;
x 변수 1 대입연산자

상황 ex)미드를 실수로 탑이라고 썼네? -> 이름 바꾸는 변수.
+ 변수 앞에 var 쓰는 습관 들이는게 좋대. ex) var name = '미드';
'독학' 카테고리의 다른 글
♧9/22 생활코딩 [자바스크립트] 나이트데이토글 여러개넣기/this/리팩토링/반복문/배열/개수세기/데이터추가/반복문문법/ (1) | 2022.09.22 |
---|---|
♧9/20 생활코딩 [자바 스크립트] (웹사이트에 night, day 테마 만들기 - 비교연산자, 블리언, 조건문) (2) | 2022.09.20 |
9/13 생활코딩 web2 css 마지막 공부~ (0) | 2022.09.13 |
ㄴ9.11 생활코딩 세번째 css공부^^ - 그리드 이어서 , 반응형 디자인 (미디어쿼리 (0) | 2022.09.11 |
22.9.10 생활코딩 css 강의 2번째 공부시간 css박스모델과 그리드를 배웠다. (2) | 2022.09.10 |