简单计算

最新推荐文章于 2019-08-07 16:21:01 发布

QH-fighting

最新推荐文章于 2019-08-07 16:21:01 发布

阅读量287

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qianhua521/article/details/53192112

版权

JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体</title>
<style></style>
</head>
<body>

<input type="text" placeholder="数字1" id="num1">
<input type="text" placeholder="数字2" id="num2">
<input type="button" value="+" id="add">
<input type="button" value="-" id="minus">
<input type="button" value="x" id="multip">
<input type="button" value="÷" id="div">
<input type="text" placeholder="结果" id="result">

</body>


<script>

// 获取到所有的按钮
var add = document.getElementById("add");
var minus = document.getElementById("minus");
var multip = document.getElementById("multip");
var div = document.getElementById("div");

// 给按钮添加事件
add.onclick = function(){
var n1 = document.getElementById("num1").value;
var n2 = document.getElementById("num2").value;
// n1 = n1.value;
// n2 = n2.value;
console.log(n1+n2);
}

minus.onclick = function(){
var n1 = document.getElementById("num1").value;
var n2 = document.getElementById("num2").value;
// n1 = n1.value;
// n2 = n2.value;
console.log(n1-n2);
}

multip.onclick = function(){
var n1 = document.getElementById("num1").value;
var n2 = document.getElementById("num2").value;
// n1 = n1.value;
// n2 = n2.value;
console.log(n1*n2);
}

div.onclick = function(){
var n1 = document.getElementById("num1").value;
var n2 = document.getElementById("num2").value;
// n1 = n1.value;
// n2 = n2.value;
console.log(n1/n2);
}

</script>

</html>