본문 바로가기

개발일지/JavaScript + jquery

[js] eval을 이용해서 계산기 만드는 방법

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <script>
	function cc(ss){
		ss.num.value = eval(ss.lim.value);
	}
 </script>
 <body>
  <form>
	<input type="text" name="lim" size="20"><br>
	<input type="text" name="num">
	<input type="button" value="계산" onclick="cc(this.form)">
  </form>
 </body>
</html>

 

<input type="text" name="lim" size="20"><br>
<input type="text" name="num">
<input type="button" value="계산" onclick="cc(this.form)">
입력 받을 창을 먼저 만든다.

 

onclick="cc(this.form)"
클릭하면 아래로 넘겨주기


function cc(ss){
ss.num.value = eval(ss.lim.value);
}
넘겨 받는 함수


eval(ss.lim.value)
eval() --> 괄호 안을 계산


ss.num.value = eval(ss.lim.value);
--> 계산한 것을 ss.num.value 이곳에 대입한다.

 

그럼 두번째 창에 답이 나옴