学了27节js基础，学到事件驱动函数，自己花了几个小时写个解一元二次方程网站

本文链接：https://blog.csdn.net/straw_/article/details/104462148

博主在学习JavaScript基础课程后，利用事件驱动函数编写了一个解一元二次方程的网页，区别于其他网站直接输出浮点数，此网页提供分数和根号形式的答案。在编写过程中，博主尝试用英文命名变量，并分享了遇到的问题和解决方案。

摘要由CSDN通过智能技术生成

最近被其他事情耽误了，学习进度比较慢，5天才学了27集的js基础，开始学的时候还有点蒙，感觉有点无聊，昨天学到事件驱动函数的时候，兴趣来了，今天就写了一个解一元二次方程的网页，效果图如下：
基础的功能简单的测试图如下：

在写之前浏览了一下已经有的解一元二次方程的网站，发现这些网站当结果为浮点数的时候，都是直接输出浮点数，只是精度不同而已，如图：

但是我记得以前做题的时候答案是不需要精确的值，所以我将结果转化为包含：分数，根号的结果，如图：

各有各的长处，还是各取所需吧。

代码如下：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>一元二次方程求解</title>
	<style type="text/css">
		body{
   
			margin: 0;
			background-image: url(img/background.png);
			background-size: 1600px 800px;
			
		}
		#mian{
   
			width: auto;
			height:auto;
			margin: auto;
			margin-top: 100px;
			margin-left: 200px;
		}
		#input{
   
			margin-bottom:40px ;
		}
		
		#a,#b,#c{
   
			width: 100px