<!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>ex02입출력문</title>
</head>
<body>
<script>
// javascript 코드를 작성하는 구간
// 출력문
// 1. 콘솔에 출력하기
console.log('안녕하세요',123);
console.error('문제발생!!!');
console.warn('경고!!');
// 2. 알림창 출력하기
alert('비밀번호를 변경해주세요.');
// 3. 웹페이지 내부에 출력하기
// 태그 사용가능(태그 반영된다.)
document.write('<h1>안녕하세요 </h1>');
// 입력문
// 1. 글자나 숫자를 직접적으로 입력할 수 있는 prompt
// 리턴타입 : String
prompt('이름을 입력해주세요');
// 2. 간단하게 예, 아니오를 물어볼 수 있는 confirm
// 리턴타입 : boolean
confirm('비밀번호를 변경하시겠습니까?');
</script>
</body>
</html>
콘솔에 출력
document.write (웹 페이지 출력)
alert 알림창 출력
prompt 입력창 출력
confirm
<!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>ex04실습</title>
</head>
<body>
<script>
// 1. 이름을 입력받기
let name = prompt('이름을 입력하세요')
// 2. console창에 입력받은 이름을 출력하기
console.log('어서오세요~')
console.log(name+'님, 환영합니다!')
// 3. 웹페이지 내부에 입력받은 이름을 출력하기
document.write(name+'님 환영합니다!!')
</script>
</body>
</html>
콘솔창에 출력
웹 페이지에 출력
'JavaScript' 카테고리의 다른 글
| [JavaScript] 랜덤 수 찾기 (0) | 2022.05.27 |
|---|---|
| [JavaScript] 반복문 (0) | 2022.05.27 |
| [JavaScript] 조건문 (0) | 2022.05.27 |
| [JavaScript] 연산자 (0) | 2022.05.27 |
| [JavaScript] 변수 (0) | 2022.05.27 |