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 相关文章推荐
爆炸式的JS圆形浮动菜单特效代码
Mar 03 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
Jul 12 Javascript
JS.getTextContent(element,preformatted)使用介绍
Sep 21 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
Oct 08 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
canvas简单快速的实现知乎登录页背景效果
May 08 Javascript
基于js中document.cookie全面解析
Sep 14 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
vue+element tabs选项卡分页效果
Jun 29 Javascript
AngularJS动态生成select下拉框的方法实例
Nov 17 Javascript
js实现简单点赞操作
Mar 17 Javascript
javascript实现电商放大镜效果
Nov 23 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
PHP生成二维码的两个方法和实例
2014/07/01 PHP
PHP实现的多彩标签效果代码分享
2014/08/21 PHP
网站防止被刷票的一些思路与方法
2015/01/08 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
php上传图片类及用法示例
2016/05/11 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
Node.js中创建和管理外部进程详解
2014/08/16 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
2015/12/24 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
Vue引入sass并配置全局变量的方法
2018/06/27 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
在vue中使用echarts(折线图的demo,markline用法)
2020/07/20 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
使用Python的内建模块collections的教程
2015/04/28 Python
基于python内置函数与匿名函数详解
2018/01/09 Python
python如何读写csv数据
2018/03/21 Python
老生常谈python中的重载
2018/11/11 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
python并发编程多进程 模拟抢票实现过程
2019/08/20 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
财产公证书格式
2014/04/10 职场文书
读《庄子》有感:美而不自知
2019/11/06 职场文书
Nginx工作原理和优化总结。
2021/04/02 Servers
golang正则之命名分组方式
2021/04/25 Golang
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL