JS实现简单的二元方程计算器功能示例


Posted in Javascript onJanuary 03, 2017

本文实例讲述了JS实现简单的二元方程计算器功能。分享给大家供大家参考,具体如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>二元方程</TITLE>
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var rootparti;
var rootpart;
var det;
var rootparti1;
var rootparti2;
var a;
var b;
var c;
var x1;
var x2;
var i = "i";
function checkQuad() {
var a = document.fquad.fa.value;
var b = document.fquad.fb.value;
var c = document.fquad.fc.value;
if (a == 0 && c != 0) {
x1 = -c / b;
x2 = "Not a quadratic equation, but here is your answer for x";
document.fquad.x1.value=x1;
document.fquad.x2.value=x2;
}
else if (a == "" && c != 0) {
x1 = -c / b;
x2 = "Not a quadratic equation";
document.fquad.x1.value=x1;
document.fquad.x2.value=x2;
}
else {
quad();
  }
}
function quad() {
var a = document.fquad.fa.value;
var b = document.fquad.fb.value;
var c = document.fquad.fc.value;
det = Math.pow(b,2) - 4 * a * c;
rootpart = Math.sqrt(det) / (2 * a);
rootparti = (Math.sqrt(-det) / (2 * a)) + i;
if (parseFloat(rootparti) < 0) {
rootparti1 = rootparti;
rootparti2 = (-1 * parseFloat(rootparti)) + i;
}
else {
rootparti1 = (-1 * parseFloat(rootparti)) + i;
rootparti2 = rootparti;
}
if (rootparti1 == "1i") {
rootparti1 = i;
rootparti2 = "-i";
}
else if (rootparti1 == "-1i") {
rootparti1 = "-i";
rootparti2 = i;
}
if (det == 0) {
x1 = x2 = -b / (2 * a);
}
else if (det > 0) {
x1 = (-b + Math.sqrt(det)) / (2 * a);
x2 = (-b - Math.sqrt(det)) / (2 * a);
}
else if ((-b / (2 * a)) == 0) {
x1 = rootparti1;
x2 = rootparti2;
}
else {
x1 = (-b / (2 * a) + " + " + rootparti1);
x2 = (-b / (2 * a) + " + " + rootparti2);
}
document.fquad.x1.value=x1;
document.fquad.x2.value=x2;
}
// End -->
</script>
<form name=fquad>
 <table align="center">
  <tr>
<td>
<h2>
<input name=fa size=4>
 <font color="#33FF33">x<SUP>2</SUP>+</font> 
 <input name=fb size=4>
 <font color="#33FF33"> x +</font> 
 <input name=fc size=4>
 <font color="#33FF33">= 0</font> 
 <input type=button value="求值" onClick="checkQuad()">
 <input type=reset value="重填">
</h2>
</td>
</tr>
<tr>
<td>
<h2> <font color="#33FF33">x<sub>1</sub>=</font>
<input name=x1 size=45>
 <font color="#33FF33">x<sub>2</sub>= </font>
<input name=x2 size=45>
</h2>
</td>
</tr>
</table>
</form>
</BODY>
</HTML>

PS:这里再为大家推荐几款计算工具供大家进一步参考借鉴:

在线一元函数(方程)求解计算工具:
http://tools.3water.com/jisuanqi/equ_jisuanqi

科学计算器在线使用_高级计算器在线计算:
http://tools.3water.com/jisuanqi/jsqkexue

在线计算器_标准计算器:
http://tools.3water.com/jisuanqi/jsq

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
自己动手开发jQuery插件教程
Aug 25 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 Javascript
JSON 数字排序多字段排序介绍
Sep 18 Javascript
js实现点击文本框显示日期选择器特效代码分享
May 21 Javascript
基于socket.io+express实现多房间聊天
Mar 17 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
vue中的router-view组件的使用教程
Oct 23 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 #Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 #Javascript
jQuery仿写百度百科的目录树
Jan 03 #Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 #Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 #Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 #Javascript
JS求解三元一次方程组值的方法
Jan 03 #Javascript
You might like
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
PHP数据库处理封装类实例
2016/12/24 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
选择TreeView控件的树状数据节点的JS方法(jquery)
2010/02/06 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
2013/09/26 Javascript
jquery事件与函数的使用介绍
2013/09/29 Javascript
首页图片漂浮效果示例代码
2014/06/05 Javascript
Node.js与PHP、Python的字符处理性能对比
2014/07/06 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
angularjs指令之绑定策略(@、=、&amp;)
2017/04/13 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
2018/02/22 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
node.js监听文件变化的实现方法
2019/04/17 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
jQuery HTML设置内容和属性操作实例分析
2020/05/20 jQuery
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
Python3之不使用第三方变量,实现交换两个变量的值
2019/06/26 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
Python2与Python3关于字符串编码处理的差别总结
2020/09/07 Python
Python 中Operator模块的使用
2021/01/30 Python
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
大学三年的自我评价
2013/12/25 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
TypeScript实用技巧 Nominal Typing名义类型详解
2022/09/23 Javascript