연습문제) 점수를 입력받아서, 점수가 60점 이상이면 '합격', 미만이면 '불합격' 출력
<!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>연습문제1</title>
</head>
<body>
<h2>시험결과</h2>
<p>점수를 입력하세요.</p>
<p>점수 : <input type="number" id="score"></p>
<p><button id="btn">계산</button></p>
<p id="res"></p>
</body>
<script>
// 제어할 요소 변수에 저장
var sc = document.getElementById("score");
var b = document.getElementById("btn");
var r = document.getElementById("res");
var snum; //입력한 변수를 저장하는 변수
var pass; // 점수에 해당하는 등급을 저장하는 변수(결과)
//버튼 제어 EventListener 이벤트 처리기
b.addEventListener("click", function () {
//1. 입력값을 input태그에서 가져오기
snum = sc.value;
console.log(snum);
//2. 점수에 따라 계산(처리) 수행
//else if 문은 무조건 하나만 실행되면 끝난다. 선택적이다. 중간에 else가 빠지면 결과값이 달라진다. 두개의 if 문으로 인식
if (snum > 60) {
pass = "합격";
}
else {
pass = "불합격";
}
console.log(pass);
r.innerHTML = "<h1>" + pass + "</h1>";
})
</script>
</html>'공부기록 > 실습' 카테고리의 다른 글
| 3월 10일 반 별 성적 관리 프로그램 (0) | 2023.03.15 |
|---|---|
| 연습 문제 2. 윤년 계산기 만들기 (0) | 2023.03.08 |
| 사이트 그대로 따라 만들기(롯데월드 메인 페이지-css) (0) | 2023.03.04 |
| 사이트 그대로 따라 만들기(롯데월드 메인 페이지) (0) | 2023.03.02 |
| 교육원 사이트 만들기 정답 (0) | 2023.02.28 |