html语言 计算,Html初学之————超详细教写一个简陋的加减乘除计算器-Go语言中文社区...

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

2.以实现加法举例

a.先定义一个文本框用来输入

b.+

c.再定义一个文本框输入

d.=

e.定义一个文本框用来输出

在body中输入以下代码

+=

f.定义一个求和按钮

g.为getsum附上求和的功能

(这里注意script所放的位置)

若是document.getElementById(id)这个输入麻烦可以进行简单的调用

下面是完整的简陋加法实现代码

+=

function byid(id)

{

return document.getElementById(id);

}

function getsum()

{

var add1=parseInt(byid("input2").value);

var add2=parseInt(byid("input3").value);

byid("input4").value=(add1+add2);

}

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

+=

-=

*=

/=

function byid(id)

{

return document.getElementById(id);

}

function getsum()

{

var add1=parseInt(byid("input2").value);

var add2=parseInt(byid("input3").value);

byid("input4").value=(add1+add2);

}

function getdel()

{

var add3=parseInt(byid("input5").value);

var add4=parseInt(byid("input6").value);

byid("input7").value=(add3-add4);

}

function getc()

{

var add5=parseInt(byid("input8").value);

var add6=parseInt(byid("input9").value);

byid("input10").value=(add5*add6);

}

function getcu()

{

var add7=parseInt(byid("input11").value);

var add8=parseInt(byid("input12").value);

byid("input13").value=(add7/add8);

}