在html文件中使用JavaScript实现运算器（计算器）功能—

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>使用JavaScript制作运算器</title><style type="text/css">#result{width: 500px;}table td{width: 80px;}</style></head><body><table width="500px"><!--占六个位置的方框--><tr><td colspan="6"><input type="text" name="" id="result" value="" /></td></tr><tr>  <!--tr是行--><td><button onclick="fill_result(this)">0</button></td><td><button onclick="fill_result(this)">1</button></td><td><button onclick="fill_result(this)">2</button></td><td><button onclick="fill_result(this)">3</button></td><td><button onclick="fill_result(this)">4</button></td><td><button onclick="fill_result(this)">+</button></td></tr><tr> <!--tr是行，td是列--><td><button onclick="fill_result(this)">5</button></td><td><button onclick="fill_result(this)">6</button></td><td><button onclick="fill_result(this)">7</button></td><td><button onclick="fill_result(this)">8</button></td><td><button onclick="fill_result(this)">9</button></td><td><button onclick="fill_result(this)">-</button></td></tr><tr>  <!--tr是行--><td><button onclick="fill_result(this)">*</button></td><td><button onclick="fill_result(this)">/</button></td><td><button onclick="fill_result(this)">**</button></td><td><button onclick="to_hex()">十六进制</button></td><td></td>   <!--实现中间空白一行的效果--><td><button onclick="to_binnery()">二进制</button></td></tr><!--实现中间空白三行的效果--><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr>    <tr>  <!--tr是行--><td></td><td></td><td><button onclick="counter()">Enter</button></td></tr></table><script type="text/javascript">var myresult=document.getElementById("result");var s="";function fill_result(Object) {myresult.value += Object.innerHTML;s = myresult.value;}function counter() {    <!--实现Enter：返回运行结果到显示框-->s = eval(s);myresult.value=s;}function to_binnery() {       <!--实现二进制功能-->s = Number(s).toString(2);myresult.value = s;}function to_hex() {     <!--实现十六进制功能-->s = Number(s).toString(16);if(s <= 16) {myresult.value = s;}else {myresult.value = s+'H';}}</script></body>
</html>

在html文件中使用JavaScript实现运算器（计算器）功能——平方、二进制、十六进制相关推荐

linux文件删除指定内容,Linux bash删除文件中含“指定内容”的行功能示例
本文实例讲述了Linux bash删除文件中含"指定内容"的行功能.分享给大家供大家参考,具体如下: #!/bin/sh # 功能: 删除文件中含"指定内容"的 ...
linux删除具有指定内容的文件,Linux bash删除文件中含“指定内容”的行功能示例...
本文实例讲述了Linux bash删除文件中含"指定内容"的行功能.分享给大家供大家参考,具体如下: #!/bin/sh # 功能: 删除文件中含"指定内容"的 ...
计算器html js php代码,javascript如何实现计算器功能
这次给大家带来javascript如何实现计算器功能,javascript实现计算器功能的注意事项有哪些,下面就是实战案例,一起来看一下. 这个计算机主要通过二维数组将其存在一个数组中,再通过函数控制 ...
EOS project 中的一个 jsp 文件中调用 javascript函数的问题
大家好! 在我的 EOS 项目中,有一个页面流,共三个元素:"开始"---"视图"----"结束".其中视图与一个jsp文件(A.jsp)关 ...
vim中实现javascript代码自动完成功能
JavaScript是web脚本语言.另一方面Vim是许多编程人员的首选编辑器.Vim能公丰富,可以对JavaScript的语法进行自动完成.为了能够使用这个特性,你必须先要开启它. 在Vim的命令模 ...
exl文件中数据分组去重合并的功能实现
近期工作中遇到一个问题,一个EXL文件中含有大量数据,A列是分组名,B列是数据标识码名,C列以后都是对应的数据.表格内容如下: 想实现把串码号和商品号两列交叉重复的数据,即没组中对应的商品如果在其他组 ...
html怎么实现计算器功能键介绍,JavaScript实现网页计算器功能
本文实例为大家分享了JavaScript实现网页计算器的具体代码,供大家参考,具体内容如下要求:在网页上实现简单的计算器功能和界面 CSS样式代码: * { margin: 0; padding: ...
idea中设置文件不检查语法_如何让IntelliJ忽略一个.js文件中的javascript语法错误？...
在我的IntelliJ项目中,我有这个文件: MyMvnModule\src\main\webapp\WEB-INF\Owasp.csrfguard.js 此文件包含在运行时由servlet填充的这些 ...
WebView控件中的javascript与Android本地功能交互
http://www.it165.net/pro/html/201211/4255.html 转载于:https://blog.51cto.com/yerik/1166295

在html文件中使用JavaScript实现运算器（计算器）功能——平方、二进制、十六进制

在html文件中使用JavaScript实现运算器（计算器）功能——平方、二进制、十六进制相关推荐

最新文章

热门文章