基于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>
相关推荐
attitude.x2 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java2 小时前
CSS3核心技术
前端·css·css3
空山新雨(大队长)2 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
猫头虎-前端技术3 小时前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体
阿珊和她的猫3 小时前
探索 CSS 过渡:打造流畅网页交互体验
前端·css
元亓亓亓3 小时前
JavaWeb--day1--HTML&CSS
前端·css·html
β添砖java3 小时前
CSS的文本样式
前端·css
前端小趴菜053 小时前
css - 滤镜
前端·css
祈祷苍天赐我java之术3 小时前
理解 CSS 浮动技术
前端·css