基于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>
相关推荐
天宇&嘘月2 小时前
web第三次作业
前端·javascript·css
小王不会写code3 小时前
axios
前端·javascript·axios
发呆的薇薇°4 小时前
vue3 配置@根路径
前端·vue.js
luckyext4 小时前
HBuilderX中,VUE生成随机数字,vue调用随机数函数
前端·javascript·vue.js·微信小程序·小程序
小小码农(找工作版)4 小时前
JavaScript 前端面试 4(作用域链、this)
前端·javascript·面试
前端没钱4 小时前
前端需要学习 Docker 吗?
前端·学习·docker
前端郭德纲4 小时前
前端自动化部署的极简方案
运维·前端·自动化
海绵宝宝_5 小时前
【HarmonyOS NEXT】获取正式应用签名证书的签名信息
android·前端·华为·harmonyos·鸿蒙·鸿蒙应用开发
码农土豆5 小时前
chrome V3插件开发,调用 chrome.action.setIcon,提示路径找不到
前端·chrome
鱼樱前端5 小时前
深入JavaScript引擎与模块加载机制:从V8原理到模块化实战
前端·javascript