2024-10-11
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*
자바스크립트에서 입출력 대화 상자 - 3가지
1. alert() : 알림(경고) 창
- 특정 정보를 사용자에게 메세지 창으로 알려주기 위해
주로 사용이 됨.
예) window.alert("알림 내용 또는 경고 내용");
alert("알림 내용 또는 경고 내용");
2. confirm() : 확인 / 취소 창
- 확인 또는 취소 버튼이 나타나는 알림 창.
예) window.confirm("문자열");
confirm("문자열");
3. prompt() : 입력 창
- 키보드롤 데이터를 입력받을 때 사용하는 알림 창.
에) window.prompt("문자열", [초기 값 - 생략 가능]);
prompt("문자열", [초기 값 - 생략 가능]);
*/
// 2. confirm() : 확인 / 취소 창
// [확인] - true 값 반환 / [취소] - false 값 반환
// ==> boolean 자료형으로 결과가 나옴.
let am_pm = confirm("현재 시간은 오전인가요?");
console.log("am_pm >>> + am_pm");
/*
키보드로 문자열을 숫자로 바꾸어 주는 함수.
1. Number() 함수
==> 괄호 안에 데이터를 넣으면 숫자로 변환해 주는 함수
2. parseInt() 함수
==> 괄호 안에 데이터를 넣으면 숫자로 변환해 주는 함수
*/
let su = Number(prompt("숫자를 입력하세요..."));
// 무조건 문자열로 인식됨. Number() 함수를 이용하여 숫자로 전환
document.write(su + 35 );
// 적정 표준 몸무게를 구해보자.
// (키 - 100) * 0.9;
let height = Number(prompt("당신의 신장(키)을 입력하세요..."))
// 적정 표준 몸무게 : (키 - 100) * 0.9;
let standweight = (height - 100) * 0.9;
document.write("당신의 표준 몸무게는" + standweight + "kg 입니다. <br>")
// ${} : 템플릿 리터럴 방식
document.write(`당신의 표준 몸무게는 ${standweight} kg 입니다 <br>`)
/*
템플릿 리터럴 방식
- 템플릿 리터럴은 문저열과 변수, 식을 하나의 문자열로 만드는
표현 방식을 말함.
- 템플릿 리터럴 방식 이전에는 문자열 부분은 큰 따옴표로 묶은
후에 연결 연산자인 "+" 를 사용하여 식이나 변수와 연결을 하였음.
하지만 변수나 식이 많아질수록 오타가 나올 확율이 많게 됨.
- 템플릿 리터럴은 벡팃(``)을 이용하여 문자열을 만듦.
- 템플릿 리터럴 안에 변수나 식이 들어간다면 &{ } 로 묶어서 처리함.
*/
</script>
</head>
<body>
</body>
</html>
'JavaScript > 기초 내용 정리' 카테고리의 다른 글
| JavaScript(Operator)_01 (0) | 2024.10.14 |
|---|---|
| JavaScript(Variable)_05 (0) | 2024.10.14 |
| JavaScript(Variable)_03 (0) | 2024.10.14 |
| JavaScript(Variable)_02 (0) | 2024.10.14 |
| JavaScript(Variable)_01 (0) | 2024.10.14 |