본문 바로가기

개발일지/JavaScript + jquery

[js] 코드를 간단하게 쓰는 방법과 조건문(if, else if)

점수를 입력 받아 학점을 계산하는 문장이 있다.


<메인에 쓰는 방법>

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
   <script>
   	 var grade = ""; /* null값 */
	 var ss = Number(prompt("성적입력"));
	 if(ss >= 90){ grade="A"; }
		else if( ss >= 80 ){ grade="B"; }
		else if( ss >= 70 ){ grade="C"; }
		else if( ss >= 60 ){ grade="D"; }
		else { grade="F"; }
	 document.write("당신의 학점은 " + grade + "입니다.");
   </script>
 </body>
</html>

점수를 입력 받아 학점을 계산하는 문장이다.

등급을 뜻하는 grade 변수를 선언한다.
prompt로 입력 받은 성적은 ss로 선언해준다. 
if 만약 ( ss >= 90 ) 입력 받은 ss(성적) 90보다 크다면? grade는 A가 된다. 

 

<함수를 만들어서 부르는 방법>

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
	function ff(){
	 var grade = ""; /* null값 */
	 var ss = Number(prompt("성적입력"));
	 if(ss >= 90){ grade="A"; }
		else if( ss >= 80 ){ grade="B"; }
		else if( ss >= 70 ){ grade="C"; }
		else if( ss >= 60 ){ grade="D"; }
		else { grade="F"; }
	 document.write("당신의 학점은 " + grade + "입니다.");
	}
  </script>
 </head>
 <body>
   <script>
	ff();
   </script>
 </body>
</html>

메인을 가능한 간단하게 만들기 위해서는 이 방법을 많이 사용한다. 여러 번 부르기도 좋다. 


function 함수를 만들어서 body - sctipt 안에서 불러주면 끝!!


< {중괄호} 생략 >

function ff(){
	var grade = ""; /* null값 */
	var ss = Number(prompt("성적입력"));
	if(ss >= 90) grade="A";
		else if( ss >= 80 ) grade="B";
		else if( ss >= 70 ) grade="C"; 
		else if( ss >= 60 ) grade="D"; 
		else grade="F";
	document.write("당신의 학점은 " + grade + "입니다.");
}

 

한 문장 일 때는 중괄호 생략이 가능하다!!


<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
	function ff(rr){
	 var grade = ""; /* null값 */
	 var ss = Number(prompt("성적입력"));
	 if(ss >= 90) grade="A";
		else if( ss >= 80 ) grade="B";
		else if( ss >= 70 ) grade="C"; 
		else if( ss >= 60 ) grade="D"; 
		else grade="F";
	 document.write("이름 : " + rr +"<br> 점수 : " + ss + "점<br>");
	 document.write("학점은 " + grade + "입니다.");
	}
  </script>
 </head>
 <body>
   <script>
	ff("홍길동");
   </script>
 </body>
</html>

 

이름 : 홍길동
점수 : 90점
학점은 A입니다.


이름과 점수를 입력 받아 계산된 학점과 함께 출력할 수 있다.