글 수 109
15
조회 수 : 6995 신고 : 0
작성자 : ![title: [ani]보라색 나비](//web.webmini.net/./files/iconshop/b747aec7625107700902ac05fa67576e.gif "title : [ani]보라색 나비")
바비인형
https://web.webmini.net/javascript/14374
![title: [ani]보라색 나비](http://web.webmini.net/./files/iconshop/b747aec7625107700902ac05fa67576e.gif "title : [ani]보라색 나비")
바비인형
포인트 : 19927 | 레벨 : 14
| 미리보기 : |
|---|
오늘은 prompt와 parseInt에 대해서 알아볼게요..
먼저,결과물이
국어 : (사용자가입력한값)점
영어 : (사용자가입력한값)점
수학 : (사용자가입력한값)점
총점 : oo점
평균 : oo점
이런 결과물이 나오게 코딩을 해보겠습니다.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var kor=prompt("국어점수를 입력하세요.","")
var eng =prompt("영어점수를 입력하세요.","")
var mat=prompt("수학점수를 입력하세요.","")
var sum=kor+eng+mat
var avg=sum/3
document.write("국어:"+kor+"점<br>")
document.write("영어:"+eng+"점<br>")
document.write("수학:"+mat+"점<br>")
document.write("총점:"+sum+"점<br>")
document.write("평균:"+avg+"점<br>")
//-->
</SCRIPT>
</HEAD>
<BODY>
</SCRIPT>
</BODY>
</HTML>
저 위에 prompt라는 단어는 외부로부터 사용자에게 입력받을 값을 지정해줄때
넣어주는겁니다.
그리고 저 위에 의미는 다 아시겠죠..
var로 변수 선언해주고 선언한 변수의 갯수는 kor, emg, mat, sum, avg
이렇게 5개 입니다.
그리고 출력하게 document.write를 써준후에 "국어: kor이라는 변수값들 불러와줍니다.
이런식으로 저렇게 작성을 합니다.
결과물을 보면..
총점과, 평균이 이상하게 나오죠..?
그 이유가 외부에서 입력받을때 입력한게 숫자래도 모든지 입력은 문자로 인식을 합니다.
그러므로 숫자가 입력한 국어, 수학, 영어 점수가 붙어서 나오는거지요..
해결방법은
var kor+eng+mat를
var sum=eval(kor)+eval(eng)+eval(mat)
이렇게 바꿔줍니다.
eval은 문자를 숫자로 바꿔주는 역할을 합니다.
또하나,
평균값이 소숫점으로 나오죠..
정수로 나오게 하는 parseInt를 사용합니다.
즉,
var avg=sum/3를
var avg=parseInt(sum/3)
이렇게 고쳐줍니다.
여기서 반드시 소문자로 하셔야 하구요 parseInt 이명령어에서 I는 반드시
대문자로 입력해주셔야 합니다.
안그러면 에러 나요..^^
특별한 경우 아닌경우엔 반드시 소문자로 써야 합니다.
이상으로... 3일차 강좌 마치겠습니다.
소스 정리하자면..
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var kor=prompt("국어점수를 입력하세요.","")
var eng =prompt("영어점수를 입력하세요.","")
var mat=prompt("수학점수를 입력하세요.","")
var sum=eval(kor)+eval(eng)+eval(mat)
var avg=sum/3
document.write("국어:"+kor+"점<br>")
document.write("영어:"+eng+"점<br>")
document.write("수학:"+mat+"점<br>")
document.write("총점:"+sum+"점<br>")
document.write("평균:"+avg+"점<br>")
//-->
</SCRIPT>
</HEAD>
<BODY>
</SCRIPT>
</BODY>
</HTML>
수고하셨습니다.
먼저,결과물이
국어 : (사용자가입력한값)점
영어 : (사용자가입력한값)점
수학 : (사용자가입력한값)점
총점 : oo점
평균 : oo점
이런 결과물이 나오게 코딩을 해보겠습니다.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var kor=prompt("국어점수를 입력하세요.","")
var eng =prompt("영어점수를 입력하세요.","")
var mat=prompt("수학점수를 입력하세요.","")
var sum=kor+eng+mat
var avg=sum/3
document.write("국어:"+kor+"점<br>")
document.write("영어:"+eng+"점<br>")
document.write("수학:"+mat+"점<br>")
document.write("총점:"+sum+"점<br>")
document.write("평균:"+avg+"점<br>")
//-->
</SCRIPT>
</HEAD>
<BODY>
</SCRIPT>
</BODY>
</HTML>
저 위에 prompt라는 단어는 외부로부터 사용자에게 입력받을 값을 지정해줄때
넣어주는겁니다.
그리고 저 위에 의미는 다 아시겠죠..
var로 변수 선언해주고 선언한 변수의 갯수는 kor, emg, mat, sum, avg
이렇게 5개 입니다.
그리고 출력하게 document.write를 써준후에 "국어: kor이라는 변수값들 불러와줍니다.
이런식으로 저렇게 작성을 합니다.
결과물을 보면..
총점과, 평균이 이상하게 나오죠..?
그 이유가 외부에서 입력받을때 입력한게 숫자래도 모든지 입력은 문자로 인식을 합니다.
그러므로 숫자가 입력한 국어, 수학, 영어 점수가 붙어서 나오는거지요..
해결방법은
var kor+eng+mat를
var sum=eval(kor)+eval(eng)+eval(mat)
이렇게 바꿔줍니다.
eval은 문자를 숫자로 바꿔주는 역할을 합니다.
또하나,
평균값이 소숫점으로 나오죠..
정수로 나오게 하는 parseInt를 사용합니다.
즉,
var avg=sum/3를
var avg=parseInt(sum/3)
이렇게 고쳐줍니다.
여기서 반드시 소문자로 하셔야 하구요 parseInt 이명령어에서 I는 반드시
대문자로 입력해주셔야 합니다.
안그러면 에러 나요..^^
특별한 경우 아닌경우엔 반드시 소문자로 써야 합니다.
이상으로... 3일차 강좌 마치겠습니다.
소스 정리하자면..
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var kor=prompt("국어점수를 입력하세요.","")
var eng =prompt("영어점수를 입력하세요.","")
var mat=prompt("수학점수를 입력하세요.","")
var sum=eval(kor)+eval(eng)+eval(mat)
var avg=sum/3
document.write("국어:"+kor+"점<br>")
document.write("영어:"+eng+"점<br>")
document.write("수학:"+mat+"점<br>")
document.write("총점:"+sum+"점<br>")
document.write("평균:"+avg+"점<br>")
//-->
</SCRIPT>
</HEAD>
<BODY>
</SCRIPT>
</BODY>
</HTML>
수고하셨습니다.
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기