[JSP] web calculator 만들기

먼저5X4 table을 만들어 보았다.

다음은 / 부분의 셀 두개를 합쳐보았다.

colspan="2"를 추가하여 /셀 두개를 합쳤다.

다음은 = 부분의 셀 두개를 합쳐보았다.

합쳐진 부분의 나머지 셀은 지워준다.

rowspan="2"를 추가하여 =셀 두개를 합쳤다.

width를 100%로 하면 화면의 넓이 100%를 채운다.

<input type="button" id="division" value="/" style="width:100%; height:70px;"/>를 추가해

버튼을 채워넣었다.

버튼의 click 이벤트를 만든다.

onclick=add('/')를 쓰고 add기능을 만든다.

헤드 안에 자바스크립트로 add(str) 함수를 만들어주었다.

//alert(str) 부분은 str문자를 팝업창으로 띄우는 키워드다.

바디에서 input을 설정해준다.

계산 변수를 받는 form은 hidden으로 숨겨줬다.

결과창이다.