js控制样式.2 简单减法公式

最新推荐文章于 2023-10-26 13:21:43 发布

贝多芬的芬

最新推荐文章于 2023-10-26 13:21:43 发布

阅读量211

点赞数

分类专栏： Web

本文链接：https://blog.csdn.net/qq_39460362/article/details/89192209

版权

Web 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				text-align: center;
				padding-top: 100px;
			}
			#result{
				width: 50%;
				margin: 50px auto;
				border: 1px solid red;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<!--在输入框中输入两个数字，点击按钮的时候，
			就是拿出两个数字的差 并且显示到id为result的div中
		-->
		<input type="text"  id="ipt1"  />
		<input type="text"  id="ipt2"  />
		<button id="btn">计算</button>
		<div id="result"></div>
		<script type="text/javascript">
			//得到input的值  然后去减，把结果放到div中
			var oIpt1 = document.getElementById('ipt1')
			var oIpt2 = document.getElementById('ipt2')
			var oBtn = document.getElementById('btn')
			var oBox = document.getElementById('result')
			//第二部事件函数的绑定
			oBtn.onclick = function(){
				//计算inpue立面数字的差  然后放到div中
				var num1 = oIpt1.value
				var num2 = oIpt2.value
				var result = num1 - num2
				//给div设置一个结果 result
				oBox.innerHTML = result
			}
		</script>
	</body>
</html>

通过js来做一个简单的减法公式

贝多芬的芬

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js控制样式.2 简单减法公式

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ text-align: center; padding-top: 100px;...
复制链接

扫一扫

专栏目录