简单的js 入门案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算机器</title>
<script type="text/javascript">function computer() {
let a = document.getElementById("input01").value
let b = document.getElementById("input02").value
// alert(typeof Number(a))
// alert(typeof Number(b))
// alert(Number(a) + Number(b))
// document.getElementById("result").innerHTML=(Number(a) + Number(b))
document.getElementById("result").innerText=(Number(a) + Number(b))
}
</script>
</head>
<body>
<h1></h1>
<div id="div1" class="divi01">
<span>数字1:</span> <input class="input1" id="input01" type="number" value="数字1" placeholder="数字1">
<br>
<span>数字2:</span> <input class="input2" id="input02" type="number" value="数字2" placeholder="数字1">
<br>
<button value="computer" onclick="computer()">计算</button>
<br>
<span id="result">计算结果为:</span>
</div>
</body>
</html>
posted on 2020-10-05 09:40 Indian_Mysore 阅读(245) 评论(0) 收藏 举报
浙公网安备 33010602011771号