<Javascript의 출력>
▶ document.write();
HTML 문서 내에 출력
▶ console.log();
console 창에 출력
▶ alert();
알림 팝업창으로 출력
<!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>
// 1. HTML 문서 내에 출력
document.write('<h1>Hello World</h1>');
// 2. console 창에 출력
console.log('console창에 출력하기!');
console.error('console창에 출력하기!');
console.warn('console창에 출력하기!');
// 3. 팝업창
alert('pop!')
</script>
</body>
</html>
<Javascript의 입력>
▶ Prompt(“출력내용”, “입력내용”) 입력창을 통한 입력문
리턴 타입 : String
▶ confirm(“출력문 작성”)
리턴 타입 : boolean
<!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>
// 1. 입력창을 통한 입력문 : prompt
// '출력질문', '입력창에 출력할 기본 값!'
// 리턴타입? String!
prompt('가장 좋아하는 음식이 뭔가요?', '오겹살')
// 2. 확인 취소를 통한 입력문 : confirm
// 리턴타입? boolean(확인 : true/ 취소 : false)
confirm('삼겹살 좋아하시나요?')
</script>
</body>
</html>
'자바 스크립트' 카테고리의 다른 글
| 배열 기본 개념 및 예제 (0) | 2022.05.12 |
|---|---|
| 반복문 실습 (0) | 2022.05.12 |
| 평균 등급 실습 (0) | 2022.05.12 |
| 변수 및 자료형 (0) | 2022.05.11 |
| Javascript 개념 (0) | 2022.05.11 |