연습문제) 윤년 계산기를 만드세요.
연도를 입력하면 윤년인지 아닌지를 출력하세요.
윤년 : 4년에 한번 씩 /4
100년 주기에 해당되는 연도는 아님 /100
400년 주기는 윤년 /400
논리식 풀기
var c = ((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0);
T F
F T
T 최종
<!DOCTYPE html>
<html lang="ko">
<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>윤년 계산기 만들기</title>
</head>
<body>
<h2>윤년 계산기</h2>
<p>연도를 입력하세요.</p>
<p>연도 : <input type="number" id="in_year">
<button id="btn">확인</button>
</p>
<p>결과 : <span id="res"></span></p>
<!-- "결과 : "라는 글자 유지를 위해 안에 span에 결과출력 -->
</body>
<script>
var year;
var result;
var inYear = document.getElementById("in_year");
var b = document.getElementById("btn");
var r = document.getElementById("res");
b.addEventListener("click", function () {
year = inYear.value;
// console.log(typeof year); string
var c = ((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0);
console.log(c);
result = (c) ? "윤년입니다." : "윤년이 아닙니다.";
r.innerHTML = result;
}) // c 자리에 ((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0); 를 넣으면 변수가 줄어든다.
</script>
</html>
내가 만든 것
<!DOCTYPE html>
<html lang="ko">
<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>연습문제2</title>
</head>
<body>
<h2>윤달 계산 달력 만들기</h2>
<script>
var year = prompt("년도를 입력하세요.");
var res = (((year % 4 == 0 ) && (year % 100 !=0)) || (year % 400 ==0 )) ?
"윤년 입니다." :
"평년 입니다.";
document.write("입력한 숫자 : " + year + "<br>");
document.write(res);
</script>
</body>
</html>'공부기록 > 실습' 카테고리의 다른 글
| 3월 15일 야구 전광판 만들기 (0) | 2023.03.16 |
|---|---|
| 3월 10일 반 별 성적 관리 프로그램 (0) | 2023.03.15 |
| 연습 문제 1. 합격 여부 계산하기 (0) | 2023.03.08 |
| 사이트 그대로 따라 만들기(롯데월드 메인 페이지-css) (0) | 2023.03.04 |
| 사이트 그대로 따라 만들기(롯데월드 메인 페이지) (0) | 2023.03.02 |