<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let name = '홍길동';
let age = 20;
- 자바스크립트의 기능이 아니고 console.log()의 기능임
console.log('이름은 ' + name + '이고, 나이는 ' + age + '살입니다.');
console.log('이름은 %s이고, 나이는 %d살입니다.', name, age);
- 초기 방법
let message = '이름은 ' + name + '이고, 나이는 ' + age + '살입니다.';
alert(message); //이름은 홍길동이고, 나이는 20살입니다.
- 템플릿 스트링(Template String) 방법
문자열 표기방법(따옴표 종류)
1. 'string'
2. "string"
3. `string` : `(역따옴표, backtick, backquote)
let message = `이름은 ${name}이고, 나이는 ${age}살입니다.
만 나이로 ${age - 1}살입니다. 현재 시각은 ${new Date()}입니다.`; //연산도 지원, 객체도 지원, 엔터(공백)도 지원
alert(message);
</script>
</body>
</html>
'[HTML | CSS | JavaScript | jQuery] 정리 > JavaScript' 카테고리의 다른 글
| JavaScript - 유사배열 (0) | 2023.05.07 |
|---|---|
| JavaScript - 이벤트 버블링, Event Bubbling (0) | 2023.05.07 |
| JavaScript - 클로저, closure (0) | 2023.05.07 |
| JavaScript - 화살표 함수, Arrow function(= Java의 람다) (0) | 2023.05.07 |
| JavaScript - manipulation (0) | 2023.05.04 |