- <script> ... </script>에 작성, onclick="함수명"
<script>
function hey() {
console.log('안녕하세요')
}
</script>
<body>
<button onclick="hey()">영화 기록하기</button>
</body>
'영화 기록하기'라는 버튼을 누를 때 hey() 함수가 실행됨
- 변수 선언: let 변수명
let a = 2
let b = 3
console.log(a+b) // 5
let c = '대한'
let d = '민국'
console.log(c+d) // 대한민국
사칙연산, 문자열 더하기가 기본적으로 가능
- 리스트: 순서를 가지고 있는 형태
let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능!
// 또는,
let a = ['사과','수박','딸기','감'] // 로 선언 가능
console.log(a[1]) // 수박
console.log(a[0]) // 사과
//리스트 길이 구하기
console.log(a.length) //4
- 딕셔너리: Key-Value 값의 묶음
let a_dict = {} // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능!
// 또는,
let a = {'name':'영수','age':27} // 로 선언 가능
console.log(a)
console.log(a['name']) // 영수
console.log(a['age']) // 27
- 리스트와 딕셔너리의 조합
let a = [
{'name':'영수','age':27},
{'name':'철수','age':15},
{'name':'영희','age':20}
]
console.log(a[0]['name']) //영수
console.log(a[1]['age']) //15
그 외
- 특정 문자로 문자열을 나누고 싶은 경우: split('특정 문자')
또, 특정 문자로 문자열을 나누고 싶은 경우
let myemail = 'sparta@gmail.com'
let result = myemail.split('@') // ['sparta','gmail.com']
result[0] // sparta
result[1] // gmail.com
let result2 = result[1].split('.') // ['gmail','com']
result2[0] // gmail -> 우리가 알고 싶었던 것!
result2[1] // com
myemail.split('@')[1].split('.')[0] // gmail -> 간단하게 쓸 수도 있다!
'프로그래밍 언어 > Javascript' 카테고리의 다른 글
Firebase 이용: 데이터를 보내고 가져오는 경우 (0) | 2023.09.14 |
---|---|
document ready (0) | 2023.09.14 |
JSON, GET, Fetch (0) | 2023.09.14 |
DOM, JQuery (0) | 2023.09.14 |
반복문과 조건문 (0) | 2023.09.14 |