반응형
텍스트박스(input type="text")에서 입력한 점수를 이용해서 학점을 구하는 자바스크립트 코드입니다.
학점은 score 함수를 이용해서 출력했습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>학점구하기</title>
<script>
function score(){
let inputScore = document.querySelector('.score'),
result = document.querySelector('.result');
let score = inputScore.value;
if(score >= 90) {
result.innerHTML = '학점: A';
} else if(score >= 80){
result.innerHTML = '학점: B';
} else if(score >= 70){
result.innerHTML = '학점: C';
} else if(score >= 60){
result.innerHTML = '학점: D';
} else {
result.innerHTML = '학점: F';
}
}
</script>
</head>
<body>
<h3>학점 구하기</h3>
<hr>
<input type="text" placeholder ="점수를 입력하세요" class="score"></input>
<button onclick = "score()">학점 계산하기</button>
<div class="result"></div>
</body>
</html>
728x90
반응형
'Javascript' 카테고리의 다른 글
| (자바스크립트) 계산기 만들기 (0) | 2023.07.15 |
|---|---|
| (자바스크립트) 1부터 100까지 합 구하기 (0) | 2023.07.14 |
| (자바스크립트) prompt 입력 받은 수의 구구단 출력하기 (0) | 2023.07.01 |
| (자바스크립트) 메시지를 출력하는 alert 함수 예제 (0) | 2023.06.30 |
| (자바스크립트) confirm 함수 예제 - [확인] [취소] 버튼 만들기 (0) | 2023.06.30 |