겉바속촉
[html] 자바스크립트-형변환 본문
728x90
반응형
이번에는 형변환에 대해서 알아보도록 하겠습니다.
다음과 같이 코드를 작성해주세요~
여기서 사용하는 prompt는 두개의 인수를 받습니다.
실행이 되면 메세지, 입력란, 확인, 취소 버튼이 있는 창이 뜹니다.
var num=prompt("메세지내용", "기본값");
/* prompt는 문자만 출력 */
var num=prompt("숫자입력", "0");
document.write(typeof(num));
컴파일을 해보시면
다음과 같이 뜨게됩니다.
입력란에 숫자를 입력해보니
다음과 같이 string 이라고 뜨네요:)
이번에는 다음과 같이 코드를 작성해주세요
prompt를 또 이용해볼게요:)
수를 3가지 입력할 수 있도록 해볼거에요
그래서 3가지의 수 합이 나올 수 있게 해볼게요!!
여기서 포인트는 prompt는 문자만 출력하기 때문에
Number로 감싸줄게요
그런데 이것과 동일한 기능이 바로 parseInt입니다
입력받은 문자열을 숫자로 형변환해주는 것이쥬!!
var num1=Number(prompt("num1"));
var num2=parseInt(prompt("num2"));
var num3=Number(prompt("num3"));
document.write("총합계는"+(num1+num2+num3)+"<br>");
컴파일해보신 후에
10입력
20입력
30입력
확인 누르면 다음과 같이 출력
형변환이 잘 되었기 때문에 102030이라고 뜨지 않고 계산이 된 것입니다:)
연습 하나 더
var num1=Number(prompt("num1"));
var num2=parseInt(prompt("num2"));
var num3=Number(prompt("num3"));
document.write("총합계는"+(num1+num2+num3)+"<br>");
var name=prompt("당신의 이름은");
document.write("나의 이름은"+name+"입니다<br>");
var height=Number(prompt("당신의 신장은?"));
document.write("나의 키는"+height+"cm 입니다<br>");
var result=(height-100)*0.9;
document.write("표준몸무게는"+height+"kg 입니다");
연습 더더더
여기서 포인트는 eval을 썼다는 점입니다
eval은 문자열을 계산하는 함수라고 생각해주시면 됩니다:)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script type="text/javascript">
var a=eval("10.5+5"); //문자열을 코드로 인식
document.write(a+"<br>");
document.write(parseInt(a)+parseInt(a));
</script>
</head>
<body>
</body>
</html>
728x90
반응형
'IT일기(하반기) > HTML' 카테고리의 다른 글
| [html]자바스크립트-함수불러오기 (0) | 2020.06.11 |
|---|---|
| [html] 자바스크립트-함수 (0) | 2020.06.11 |
| [html] 자동완성 설치하기 (0) | 2020.06.11 |
| [html] Audio랑 Video 넣어보기 (0) | 2020.06.11 |
| [html] 여러가지 checkbox들 (1) | 2020.06.11 |
'IT일기(하반기)/HTML' Related Articles
more
