실습문제 9-3

WEB/TRAINNING 2017. 12. 4. 09:18 |

3. 계산식을 입력받아 결과를 출력하는 웹 페이지를 작성하라. 식 입력 후 <Enter> 키를 치며 수식을 계산하고 결과를 출력한다.

힌트)

예제 9-9를 참고하라. <Enter>키의 keyCode 값은 13이므로 이벤트 객체 e에 대해, e.keyCode와 13을 비교하면 된다.

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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onclick</title>
<script>
function calculate(e) 
{
    if(e.keyCode == "13")
  {
    var exp = document.getElementById("exp");
    var result = document.getElementById("result");
    result.value = eval(exp.value);
    }
//       12*2+7/3
</script>
</head>
<body>
<h3>계산기 만들기</h3>
<hr>
수식을 입력하고 &lt;Enter&gt;를 입력하세요
<p>
<form>
식 <input type="text" id="exp" onkeydown="calculate(event)"><br>
값 <input type="text" id="result">
</form>
</body>
</html>
cs


'WEB > TRAINNING' 카테고리의 다른 글

실습문제 9-5  (0) 2017.12.04
실습문제 9-4  (0) 2017.12.04
실습문제 9-2  (0) 2017.12.04
실습문제 9-1  (0) 2017.12.04
실습문제 7-10  (0) 2017.12.04
Posted by 너래쟁이
: