基于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>
相关推荐
前端小趴菜051 小时前
React-React.memo-props比较机制
前端·javascript·react.js
摸鱼仙人~2 小时前
styled-components:现代React样式解决方案
前端·react.js·前端框架
sasaraku.3 小时前
serviceWorker缓存资源
前端
RadiumAg4 小时前
记一道有趣的面试题
前端·javascript
yangzhi_emo4 小时前
ES6笔记2
开发语言·前端·javascript
yanlele4 小时前
我用爬虫抓取了 25 年 5 月掘金热门面试文章
前端·javascript·面试
中微子5 小时前
React状态管理最佳实践
前端
烛阴5 小时前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
中微子5 小时前
JavaScript 事件与 React 合成事件完全指南:从入门到精通
前端
Hexene...6 小时前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts