Javascript
(자바스크립트) input type="text", 학점 구하기
고니자니
2023. 7. 14. 08:58
반응형
텍스트박스(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>
반응형