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 相关文章推荐
点击文章内容处弹出页面代码
Oct 01 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
Jan 04 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 Javascript
jQuery.event兼容各浏览器的event详细解析
Dec 18 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
Jun 19 Javascript
Angular简单验证功能示例
Dec 22 Javascript
微信小程序上传图片实例
May 28 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
jQuery中$原理实例分析
Aug 13 jQuery
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 17 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 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
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
ThinkPHP行为扩展Behavior应用实例详解
2014/07/22 PHP
Thinkphp调用Image类生成缩略图的方法
2015/03/07 PHP
浅谈Laravel队列实现原理解决问题记录
2017/08/19 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
关于eval 与new Function 到底该选哪个?
2013/04/17 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
JS实现可调整倒计时间代码分享
2015/08/18 Javascript
简单谈谈javascript中的变量、作用域和内存问题
2015/08/30 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
2021/02/25 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
node.js操作mysql简单实例
2017/05/25 Javascript
Vue侧滑菜单组件——DrawerLayout
2017/12/18 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
Vue CLI3基础学习之pages构建多页应用
2019/06/02 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
基于Electron实现桌面应用开发代码实例
2020/07/07 Javascript
Python 爬取携程所有机票的实例代码
2018/06/11 Python
python多线程分块读取文件
2019/08/29 Python
PyTorch中反卷积的用法详解
2019/12/30 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
在Matplotlib图中插入LaTex公式实例
2020/04/17 Python
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
2013/04/24 HTML / CSS
国际花店:Pickup Flowers
2020/04/10 全球购物
JSF的标签库有哪些
2012/04/27 面试题
接受捐赠答谢词
2014/01/27 职场文书
北京奥运会口号
2014/06/21 职场文书
职业生涯规划书怎么写?
2014/09/14 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
优秀英文求职信范文
2015/03/19 职场文书
2016年11月份红领巾广播稿
2015/12/21 职场文书
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS