자바스크립트 if문을 이용한 학점 계산기 만들기

자바스크립트에서 if문을 이용하여 학점을 출력하는 코드입니다.

 

input 텍스트 창에 점수를 입력하면,

아래의 div 패널에 각 점수에 맞는 A,B,C 학점이 출력됩니다.

<input type = "text" placeholder ="입력하세요" class="score"></input>
<button onclick = "score()">입력</button>
<div class="result"></div>

function score(){
  const inputScore = document.querySelector('.score'),
      result = document.querySelector('.result');
  
  const 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학점 입니다.';
  }
}