지금까지 배운 것들로 계산기를 만들려고 합니다!
두 개의 정수, 연산자 => 변수 3개 필요합니다.
변수 선언하면서, 값을 입력하여 대입하도록합니다.!!
var는 대체적으로 문자 (" ")로 인식하기에 정수로써 연산을 하려면 parseInt를 통해 문자->정수화 필수 !!
연산자를 입력햇을때 4가지 조건을 만들고나서, 각각 계산을 하기위하여 다음과 같이 합니다.
- 입력한 문자의 정수화한다
- 연산할 값을 괄호로 묶는다.
(나중에, eval()을 배울 거에요. 작성된 그대로를 연산해주는 내장함수입니다.)
마지막으로, document.write()를 통해 브라우저창에 출력합니다. !!
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var x = prompt('첫 번째 정수를 입력하시오');
var op = prompt('연산자를 입력하시오')
var y = prompt('두 번째 정수를 입력하시오');
x=parseInt(x);
y=parseInt(y);
// if(op=='+'){
// document.write(x + op + y + "=" + (x+y));
// }
// else if(op=='-'){
// document.write(x + op + y + "=" + (x-y));
// }
// else if(op=='*'){
// document.write(x + op + y + "=" + (x*y));
// }
// else if(op=='/'){
// document.write(x + op + y + "=" + (x/y));
// }
var result= (op=='+')?(x+y):
(op=='-')?(x-y):
(op=='*')?(x*y):
(op=='/')?(x/y):'none';
document.write(x + op + y + '=' +result)
</script>
</head>
|
더보기
< 연산 결과 >
'WEB 기초 > Script' 카테고리의 다른 글
| 6. 배열 (0) | 2018.04.12 |
|---|---|
| 5. 로그인_창 만들기 (0) | 2018.04.12 |
| 4. 조건문을 이용한 메뉴판 (0) | 2018.04.12 |
| 2. 값의 비교, 입력확인창, 경고창 (0) | 2018.04.12 |
| 1. 자바스크립트 시작하기 (0) | 2018.04.12 |