基于html+jquery开发的科学计算器(课程作业)

简介: 基于html和jquery开发的科学计算器,该科学计算器可进行乘方、开方、指数、对数、三角函数、统计等方面的运算,又称函数计算器。 科学型带有所有普通的函数,所有的函数都分布在键盘上以致于你可以不用通过菜单列表来使用它们。

基于html和jquery开发的科学计算器,该科学计算器可进行乘方、开方、指数、对数、三角函数、统计等方面的运算,又称函数计算器。 科学型带有所有普通的函数,所有的函数都分布在键盘上以致于你可以不用通过菜单列表来使用它们。 科学计算器支持显示24位数字,支持运算优先选择模式、进制转换功能、标准数学函数、百分比计算、方根计算、对数、次方、记忆等等功能。

效果预览

科学计算器

jquery简介

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。

jQuery封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等

关键代码

<ul class="heachackWrap ptb10 clearfix">
                                            <li class="pr15"><input type="radio" class="mr10 HdisaBtn"
                                                                        onclick="inputChangCarry(16)" name="carry"
                                                                        checked="checked">十六进制
                                                </li>
                                                <li class="pr15"><input type="radio" class="mr10 HdisaBtn"
                                                                        onclick="inputChangCarry(10)" name="carry">十进制
                                                </li>
                                                <li class="pr15"><input type="radio" class="mr10 HdisaBtn"
                                                                        onclick="inputChangCarry(8)" name="carry">八进制
                                                </li>
                                                <li class="pr15"><input type="radio" class="mr10 HdisaBtn"
                                                                        onclick="inputChangCarry(2)" name="carry">二进制
                                                </li>
                                                <li class="pr15"><input type="radio" class="mr10 HdisaBtn" value="d"
                                                                        onclick="inputChangAngle('d')" name="angle">角度制
                                                </li>
                                                <li><input type="radio" class="mr10 HdisaBtn" value="r"
                                                           onclick="inputChangAngle('r')" name="angle" checked="checked">弧度制
                                                </li>
                                            </ul>
                                            <ul class="heachackWrap mb20 clearfix">
                                                <li class="pr15"><input type="checkbox" class="mr10" onclick="inputshift()"
                                                                        name="shiftf">上档功能
                                                </li>
                                                <li class="pr15"><input type="checkbox" class="mr10" onclick="inputshift()"
                                                                        name="hypf">双曲函数
                                                </li>
                                                <li><input class="HTxt01 mr10" readonly="" name="bracket"></li>
                                                <li><input class="HTxt01 mr10" readonly="" name="memory" value="M"></li>
                                                <li><input class="HTxt01 mr10" readonly="" name="operator"></li>
                                                <li class="fr"><input type="button" class="Hcolor01" value="退格"
                                                                      onclick="backspace()"></li>
                                                <li class="fr"><input type="button" class="Hcolor01 mr10" value="清屏"
                                                                      onclick="document.calc.display.value = 0 "></li>
                                                <li class="fr"><input type="button" class="Hcolor01 mr10" value="全清"
                                                                      onclick="clearall()"></li>
                                            </ul>
目录
相关文章
|
6月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
70 1
|
5月前
|
移动开发 前端开发 JavaScript
基于 HTML5 和 Canvas 开发的在线图片编辑器
基于 HTML5 和 Canvas 开发的在线图片编辑器
112 0
|
2月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
29 1
|
3月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
19 2
|
4月前
|
前端开发
HTML静态网页设计作业、仿写大学官网 (力争使用最少的Html 、CSS代码实现)
这篇文章展示了一个仿大学官网的HTML静态网页设计作业,重点在于使用最少的HTML和CSS代码实现页面效果,并便于后期维护。
HTML静态网页设计作业、仿写大学官网 (力争使用最少的Html 、CSS代码实现)
|
4月前
|
前端开发
HTML网页作业代码(仿写商城首页、学校官网网页等、源码可直接运行)
这篇文章提供了HTML网页作业的完整代码,包括仿写商城首页和学校官网网页的源码,以及如何运行和项目结构等详细信息。
HTML网页作业代码(仿写商城首页、学校官网网页等、源码可直接运行)
|
3月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
34 0
|
4月前
|
JSON JavaScript 数据格式
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
48 0
|
6月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
6月前
|
机器学习/深度学习 Web App开发 前端开发
【Web开发】深度学习HTML(超详细,一篇就够了)
【Web开发】深度学习HTML(超详细,一篇就够了)
33 0
下一篇
DataWorks