점수를 입력 받아 학점을 계산하는 문장이 있다.
<메인에 쓰는 방법>
<!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입니다. |
이름과 점수를 입력 받아 계산된 학점과 함께 출력할 수 있다.
'개발일지 > JavaScript + jquery' 카테고리의 다른 글
| [js] While문 + Do While문 (0) | 2021.09.07 |
|---|---|
| [js] 중첩 for문 - 별찍기 (0) | 2021.09.07 |
| [js] 1부터 100까지의 합을 구하기(반복문-for) (0) | 2021.09.07 |
| [js] 학점구하기 (조건문-Switch) & 숫자형과 문자형 (0) | 2021.09.07 |
| [js] 팝업창 띄우기(alert, confirm, prompt) (0) | 2021.09.06 |
