<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="inputvalue" οnchange="aa()">
<br>
<button οnclick="clearinput()">清空</button>
<br>
<table id="tenkey-pad">
<tr>
<td class="tenkeybutton"><button type="button" id="tenkey-1"
onClick="btnTEN_Click('1')"><span>1</span></button></td>
<td class="tenkeybutton"><button type="button" id="tenkey-2"
onClick="btnTEN_Click('2')"><span>2</span></button></td>
<td class="tenkeybutton"><button type="button" id="tenkey-3"
onClick="btnTEN_Click('3')"><span>3</span></button></td>
</tr>
<tr>
<td class="tenkeybutton"><button type="button" id="tenkey-4"
onClick="btnTEN_Click('4')"><span>4</span></button></td>
<td class="tenkeybutton"><button type="button" id="tenkey-5"
onClick="btnTEN_Click('5')"><span>5</span></button></td>
<td class="tenkeybutton"><button type="button" id="tenkey-6"
onClick="btnTEN_Click('6')"><span>6</span></button></td>
</tr>
<tr>
<td class="tenkeybutton"><button type="button" id="tenkey-7"
onClick="btnTEN_Click('7')"><span>7</span></button></td>
<td class="tenkeybutton"><button type="button" id="tenkey-8"
onClick="btnTEN_Click('8')"><span>8</span></button></td>
<td class="tenkeybutton"><button type="button" id="tenkey-9"
onClick="btnTEN_Click('9')"><span>9</span></button></td>
</tr>
<tr>
<td class="tenkeybutton"><button type="button" id="tenkey-0"
onClick="btnTEN_Click('0')"><span>0</span></button></td>
</tr>
</table>
</body>
<script>
var input = document.getElementById("inputvalue");
function btnTEN_Click(e) {
// console.log(e);
input.value += e
//查看字符串类型
// console.log(typeof input.value)
console.log(input.value)
}
function aa(){
var value = document.getElementById("inputvalue").value;
console.log(value);
}
function clearinput(){
console.log(222222);
var input = document.getElementById("inputvalue");
input.value = "";
}
</script>
</html>