<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
- script태그: 자바스크립트 언어를 작성할 수 있는 태그
- 주석: ctrl + /
- 입력 - prompt('출력할 내용')
- 사용자가 키보드로 입력한 값을 문자열로 반환해주는 기능
반환해주는 값을 출력문과 사용
- 출력 - colsole.log('출력할 내용') / F12(개발자도구창) -> console탭 클릭 -> 출력내용 확인
console.log(prompt('이름을 입력해주세요'));
입력 0 confirm('출력할 내용')
- 사용자가 확인 또는 취소 버튼을 눌렀을 때, 참/거짓에 대한 결과를 반환해주는 기능
console.log(confirm('비밀번호를 변경하시겠습니까?'));
출력 - alert('출력할 내용')
alert('환영합니다!');
출력 - document.write('출력할 내용')
- document: 현재문서(HTML)
- write(): 현재 문서 내에서 작성하는 기능
- HTML태그 + 문자열 같이 사용 가능
document.write('<h1>안녕하세요</h1>');
변수 선언 & 초기화
var num = 3;
console.log(num);
var : 변수 재선언 가능, 재할당 가능
let : 변수 재선언 불가능(변수명 중복 정의 x), 재할당 가능
let num = 5;
num = 10;
console.log(num);
const: 상수를 정의할 때 사용, 한 번 초기화한 값을 다른 값으로 변경할 수 없다.
const num2 = 5;
const num2 = 10; --> 오류
num2 = 10; --> 오류
--- 상수값을 변경하려고 하면 오류 발생
console.log(num2);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let name = "Justin";
console.log('반갑습니다~'+ name +'님! 즐거운 하루 되세요!');
</script>
</body>
</html>
'Study > JavaScript' 카테고리의 다른 글
| [JavaScript] 조건문, 학점 계산기 만들기 (0) | 2024.01.18 |
|---|---|
| [JavaScript] 논리연산자/삼항연산자 (0) | 2024.01.17 |
| [JavaScript] 증감연산자 (0) | 2024.01.16 |
| [JavaScript] 연산자 (0) | 2024.01.15 |
| [JavaScript] 자료형 (0) | 2024.01.12 |
