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

연습용365 2021. 9. 8. 15:09

<!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 이곳에 대입한다.

그럼 두번째 창에 답이 나옴