<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
input{
width: 100px;
height: 100px;
background: #faa;
text-align: center;
color: red;
}
</style>
<script type="text/javascript">
function lala(){
var a1,a2,a3;
a1=document.getElementById("div1").value;
a2=document.getElementById("div2").value;
// a3=document.getElementById("div3").value;
a3=a1+a2;
alert(a3);
}
</script>
</head>
<body>
<input id="div1" type="button" value=1 οnclick="lala();"/>
<input id="div2" type="button" value=2 οnclick="lala();"/>
<input id="div3" type="button" value="=" οnclick="lala2();"/>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
input{
width: 100px;
height: 100px;
background: #faa;
text-align: center;
color: red;
}
</style>
<script type="text/javascript">
function lala(){
var a1,a2,a3;
a1=document.getElementById("div1").value;
a2=document.getElementById("div2").value;
// a3=document.getElementById("div3").value;
a3=a1+a2;
alert(a3);
}
</script>
</head>
<body>
<input id="div1" type="button" value=1 οnclick="lala();"/>
<input id="div2" type="button" value=2 οnclick="lala();"/>
<input id="div3" type="button" value="=" οnclick="lala2();"/>
</body>
</html>