Html初学之————超详细教写一个简陋的加减乘除计算器

1.新建一个记事本将html基本结构写出

Html初学之————超详细教写一个简陋的加减乘除计算器_第1张图片

2.以实现加法举例

a.先定义一个文本框用来输入
b.+
c.再定义一个文本框输入
d.=
e.定义一个文本框用来输出

在body中输入以下代码

+=
f.定义一个求和按钮

g.为getsum附上求和的功能

Html初学之————超详细教写一个简陋的加减乘除计算器_第2张图片
(这里注意script所放的位置)
若是document.getElementById(id)这个输入麻烦可以进行简单的调用Html初学之————超详细教写一个简陋的加减乘除计算器_第3张图片
下面是完整的简陋加法实现代码



	


	+=
	
	

附上简陋的加减乘除实现代码



	

	
	+=
	
	
-=
*=
/=

你可能感兴趣的:(Html)