基于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>
相关推荐
小奶包他干奶奶几秒前
Webpack学习——Loader(文件转换器)
前端·学习·webpack
zy happy29 分钟前
若依 vue3 报错:找不到模块“@/api/xxxx/xxxxx”或其相应的类型声明。。Vue 3 can not find mod
前端·javascript·vue.js
潘小安35 分钟前
Git Worktree + Claude Code:让你的开发效率翻倍的秘密武器
前端
meichaoWen1 小时前
【Vue3】vue3的全面学习(一)
前端·javascript·学习
小猪努力学前端1 小时前
在 React + React Router v7 SSR 项目里做多端适配,我踩的两个坑
前端·react.js
q***d1731 小时前
React桌面应用开发
前端·react.js·前端框架
8***29311 小时前
解决 Tomcat 跨域问题 - Tomcat 配置静态文件和 Java Web 服务(Spring MVC Springboot)同时允许跨域
java·前端·spring
0***142 小时前
React计算机视觉应用
前端·react.js·计算机视觉
Q***K552 小时前
React高级
前端·react.js·前端框架
c***97982 小时前
React语音识别案例
前端·react.js·语音识别