푸들푸들

Javascript 본문

공부

Javascript

COCO_develop 2024. 12. 9. 23:19

HTML: 정적
Javascript: 동적, 사용자와 상호작용

<script>
	document.write(1+1)
</script>

--> "2" 출력

HTML -> "1+1" 출력


이벤트

onclick

onclick의 속성값 = js

onchange

마우스를 뺄 때
onkeydown

키보드의 키를 눌렀을 때

<input type="button" value="hi" onclick="alert('hi')">

<input type="text" onchange="alert('changed')">

<input type="text" onkeydown="alert('key down')">

 

 

데이터 타입(자료형)

산술 연산자 +-*/

propertise: .length

.toUpperCase(): 대문자로

.indexOf('문자'): '문자'의 인덱스값 

.trim(): 공백 제거

 

대입 연산자 =

variable / constant

 

선택자

<style>
    .class{ }
    #id{ }
    span{ }
</style>

class: 그룹핑

id: 한개만 특정

span < class < id (우선순위)

 

document.querySelector('선택할것') : 태그, id 등 선택하기

document.getElementById('id').style : 특정 id에 style 적용하기

<body style="background-color:black;">

--> JS로 바꾸기
document.querySelector('body').style.backgroundColor = 'black';

 

 

Program : 순서

Progamming : 순서를 만드는 것

Programer: 순서를 만드는 사람

 

 

boolean ===

< : &lt; (less than)

 

** 중복은 가능하면 제거하기

 

 

배열

배열명.push() : 배열에 끝에 추가

 

document.querySelectorAll('찾을 것')

 

 

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&si=FdaWBGzjv8RD9TAK

 

WEB2-JavaScript

 

www.youtube.com

 

'공부' 카테고리의 다른 글

[Java]  (0) 2025.01.14
RESTful API  (0) 2024.12.24
'공부' Related Articles more