#keywords 서비스
#title 초간단 계산기
#nocache
[wiki:Home 대문] / [wiki:CategoryService 서비스] / [wiki:Calculator 초단간 계산기]
----
== [wiki:Calculator 초단간 계산기] ==

 * Original link : [^https://www.minzkn.com/calculator.html]

{{{#!html
		<style>
.mzcalculator_table{
	border: 1px;
	border-collapse: collapse;
}
.mzcalculator_tr{
}
.mzcalculator_td{
	border:1px solid darkgray;
	padding:4px;
	text-align:center;
}
.mzcalculator_caption{
	caption-side:bottom;
}
.mzcalculator_td_input{
	font-size: 3em;
}
.mzcalculator_button{
	width: 4em;
}
		</style>
		<form name="mzcalculator" onsubmit="return false;" method="POST">
			<table class="mzcalculator_table" align="center">
				<caption class="mzcalculator_caption">초 간단 계산기</caption>
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td" colspan="4"><div id="d_preview">0</div></td>
				</tr>
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td" colspan="3"><input type="text" value="" name="result" class="mzcalculator_td_input" width="100%" style="text-align:right;" autofocus onkeyup="mzcalculator_keypress(event);"></td>
					<td class="mzcalculator_td"><input type="button" value="C" class="mzcalculator_button" onclick="mzcalculator_reset();"></td>
				</tr>
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td"><input type="button" value="MOD" class="mzcalculator_button" onclick="mzcalculator_push('%');"></td>
					<td class="mzcalculator_td"><input type="button" value="sin" class="mzcalculator_button" onclick="mzcalculator_push('Math.sin(');"></td>
					<td class="mzcalculator_td"><input type="button" value="cos" class="mzcalculator_button" onclick="mzcalculator_push('Math.cos(');"></td>
					<td class="mzcalculator_td"><input type="button" value="tan" class="mzcalculator_button" onclick="mzcalculator_push('Math.tan(');"></td>
				</tr>
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td"><input type="button" value="π" class="mzcalculator_button" onclick="mzcalculator_push('Math.PI');"></td>
					<td class="mzcalculator_td"><input type="button" value="2π" class="mzcalculator_button" onclick="mzcalculator_push('(Math.PI*2)');"></td>
					<td class="mzcalculator_td"><input type="button" value="3π" class="mzcalculator_button" onclick="mzcalculator_push('(Math.PI*3)');"></td>
					<td class="mzcalculator_td"><input type="button" value="½π" class="mzcalculator_button" onclick="mzcalculator_push('(Math.PI/2)');"></td>
				</tr>
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td"><input type="button" value="(" class="mzcalculator_button" onclick="mzcalculator_push('(');"></td>
					<td class="mzcalculator_td"><input type="button" value=")" class="mzcalculator_button" onclick="mzcalculator_push(')');"></td>
					<td class="mzcalculator_td"><input type="button" value="AND" class="mzcalculator_button" onclick="mzcalculator_push('&');"></td>
					<td class="mzcalculator_td"><input type="button" value="OR" class="mzcalculator_button" onclick="mzcalculator_push('|');"></td>
				</tr>
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td"><input type="button" value="7" class="mzcalculator_button" onclick="mzcalculator_push('7');"></td>
					<td class="mzcalculator_td"><input type="button" value="8" class="mzcalculator_button" onclick="mzcalculator_push('8');"></td>
					<td class="mzcalculator_td"><input type="button" value="9" class="mzcalculator_button" onclick="mzcalculator_push('9');"></td>
					<td class="mzcalculator_td"><input type="button" value="/" class="mzcalculator_button" onclick="mzcalculator_push('/');"></td>
				</tr>
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td"><input type="button" value="4" class="mzcalculator_button" onclick="mzcalculator_push('4');"></td>
					<td class="mzcalculator_td"><input type="button" value="5" class="mzcalculator_button" onclick="mzcalculator_push('5');"></td>
					<td class="mzcalculator_td"><input type="button" value="6" class="mzcalculator_button" onclick="mzcalculator_push('6');"></td>
					<td class="mzcalculator_td"><input type="button" value="*" class="mzcalculator_button" onclick="mzcalculator_push('*');"></td>
				</tr>
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td"><input type="button" value="1" class="mzcalculator_button" onclick="mzcalculator_push('1');"></td>
					<td class="mzcalculator_td"><input type="button" value="2" class="mzcalculator_button" onclick="mzcalculator_push('2');"></td>
					<td class="mzcalculator_td"><input type="button" value="3" class="mzcalculator_button" onclick="mzcalculator_push('3');"></td>
					<td class="mzcalculator_td"><input type="button" value="-" class="mzcalculator_button" onclick="mzcalculator_push('-');"></td>
				</tr>			
				<tr class="mzcalculator_tr">
					<td class="mzcalculator_td"><input type="button" value="0" class="mzcalculator_button" onclick="mzcalculator_push('0');"></td>
					<td class="mzcalculator_td"><input type="button" value="." class="mzcalculator_button" onclick="mzcalculator_push('.');"></td>
					<td class="mzcalculator_td"><input type="button" value="+" class="mzcalculator_button" onclick="mzcalculator_push('+');"></td>
					<td class="mzcalculator_td"><input type="button" value="=" class="mzcalculator_button" onclick="mzcalculator_result();"></td>
				</tr>			
			</table>
		</form>
		<script>
function mzcalculator_reset(){
	mzcalculator.result.value = "";
	document.getElementById("d_preview").innerText = "0";
}
function mzcalculator_preview(){
	if(mzcalculator.result.value == "") {
		document.getElementById("d_preview").innerText = "0";
	}
	else {
		try{ /* 날강도 preview 코드 */
			document.getElementById("d_preview").innerText = eval(document.mzcalculator.result.value);
		}catch(e){
			document.getElementById("d_preview").innerText = mzcalculator.result.value + " (?)";
		}
	}
}
function mzcalculator_push(s_value){
	/* 검사로직이 있으면 좋겠는데 만들기 시작하면 끝이 없는 부분 */
	mzcalculator.result.value += "" + s_value;
	
	mzcalculator_preview();
}
function mzcalculator_result(){
	if(mzcalculator.result.value == "") {
		/* empty */
	}
	else {
		try{ /* 날강도 코드 */
			mzcalculator.result.value = eval(document.mzcalculator.result.value);
		}catch(e){
			alert("연산결과를 산출하지 못합니다 ! 충분히 좋은 계산기는 아니라는 점 잊으셨군요. ㅎㅎ");
		}
		
		mzcalculator_preview();
	}
}
function mzcalculator_keypress(s_event){
	if(s_event.keyCode == 13 /* Enter */) {
		mzcalculator_result();
	}
	else if(s_event.keyCode == 27 /* ESC */) {
		mzcalculator_reset();
	}
	else {
		mzcalculator_preview();
	}
}
		</script>
}}}