팝업 창에서 특정 값을 넣고 사칙연산을 선택하고 닫기를 누르면 결과값이 출력됩니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ex04_start.html</title>
<script type="text/javascript">
function openPop(){
options='width=450 height=700 left=100 top=50';
window.open("Ex04_end.html",'popup',options)
}
</script>
</head>
<body>
<h1>열기 버튼을 클릭하세요(start.html)</h1>
<form name='myform'>
<h3>결과 : <input type="text" name='result'></h3> <br>
<input type="button" value='열기' onclick="openPop()">
</form>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ex04_end.html</title>
<script type="text/javascript">
var math_arr=new Array("더하기","빼기","곱하기","나누기");
function init() {
var m_sel=myform.math;
for(var i=0;i<math_arr.length;i++){
m_sel.options[i]=new Option(math_arr[i]);
}
}
function clickMath() {
m_sel=myform.math;
m_selIndex=m_sel.selectedIndex;
f_num=parseInt(myform.first_num.value);
s_num=parseInt(myform.second_num.value);
//alert(m_selIndex+','+f_num+','+s_num);
var result=0;
switch(m_selIndex){
case 0:
result=f_num+s_num;
break;
case 1:
result=f_num-s_num;
break;
case 2:
result=f_num*s_num;
break;
case 3:
result=f_num/s_num;
break;
}
opener.myform.result.value=result;
self.close();
}
</script>
</head>
<body onLoad='init()'>
<form name='myform'>
<input type="number" name='first_num' value='0'>
<select id='math' style='width:100px;'></select>
<input type='number' name='second_num' value='0'>
<input type="button" value='닫기' onClick='clickMath()'>
</form>
</body>
</html>열기 버튼을 클릭하세요(start.html)
'Develop > JavaScript JQuery JSP' 카테고리의 다른 글
| 0704 <form> 태그의 특성 (0) | 2022.07.04 |
|---|---|
| 0704 시간 띄우고 인터벌로 갱신하기 (0) | 2022.07.04 |
| 0704 Popup과 리턴 데이터 (0) | 2022.07.04 |
| 0704 이중배열 (0) | 2022.07.04 |
| 0630 배열 (0) | 2022.07.04 |