반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>나이 계산하기</title>
</head>
<body>
<script>
var currentYear = 2024;
var birthYear;
var age;
birthYear = prompt ("태어난 연도를 입력하세요. (YYYY)", "");
age = currentYear - birthYear + 1;
document.write(currentYear + "년 현재<br>");
document.write(birthYear + " 년에 태어난 사람의 나이는 " + age + "세입니다.")
</script>
</body>
</html>
나이를 계산하는 간단한 프로그램이다.
먼저 var 변수를 이용하여 현재 연도, 태어난 연도, 나이를 선언해주고
promt(), document.write()를 이용하여 화면에 띄우는 방법이다.
아래에서는 prompt()와 document.write()에 대해 알아보도록 하자.
1. prompt()
prompt는 "사용자의 명령을 받아들일 준비가 되었음을 화면에 나타내는 표시"로
컴퓨터가 사용자의 즉각적인 명령을 받아들이는 작은 창이다.
이것을 JS에서 사용하는 방법은
birthYear = prompt ("태어난 연도를 입력하세요. (YYYY)", "");
위와 같이 자신이 요청하고 싶은 내용을 괄호 안에 적으면 된다.
위 명령어를 실행시킨 결과는 이렇다.
이렇게 prompt 창을 띄우고 사용자의 입력을 받았으면 무엇을 해야할까?
바로 출력을 띄워야 한다.
여기서 사용한 출력문은 document.write()이다.
JS에서 사용한 모습은 이렇다.
document.write(currentYear + "년 현재<br>");
document.write(birthYear + " 년에 태어난 사람의 나이는 " + age + "세입니다.")
우리가 평상시 자바, 파이썬으로 코딩하듯이 document.write를 쓰고 괄호 안에는 따옴표와 + 연산자를 이용하여
문장을 만들어주면 된다.
반응형
'Web' 카테고리의 다른 글
| [JavaScript] 변수 이해하기 (0) | 2024.08.18 |
|---|