<input id="kkk" />
<br />
<button id="1" onclick="reply_click(this.value)" value="1">1</button>
<button id="2" onclick="reply_click(this.id)">2</button>
<button id="3" onclick="reply_click(this.id)">3</button>
<button id="4" onclick="reply_click(this.id)">4</button>
<button id="5" onclick="reply_click(this.id)">5</button>
<button id="6" onclick="reply_click(this.id)">6</button>
<button id="7" onclick="reply_click(this.id)">7</button>
<button id="8" onclick="reply_click(this.id)">8</button>
<button id="9" onclick="reply_click(this.id)">9</button>
<button id="0" onclick="reply_click(this.id)">0</button>
<br />
<button id="equal" onclick="compute()">=</button>
<button onclick="reply_click(this.value)" value="+">+</button>
<button onclick="reply_click(this.value)" value="-">-</button>
<button onclick="reply_click(this.value)" value="*">*</button>
<button onclick="reply_click(this.value)" value="/">/</button>
<button onclick="reset()">C</button>
<script type="text/javascript">
function reply_click(clicked_id)
{
document.getElementById("kkk").value+=clicked_id;
}
function compute()
{
document.getElementById("kkk").value = eval(document.getElementById("kkk").value);
}
function reset()
{
document.getElementById("kkk").value="";
}
</script>
效果见
No comments:
Post a Comment