JS 对象-CSDN博客

本文链接：https://blog.csdn.net/m0_70051776/article/details/126942707

模拟计算器，点击事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>模拟计算器</title>
	</head>
	<body>
		第一个数<input type="text" id="one" /><br>
		第二个数<input type="text" id="two" /><br>
		计算方式:<input type="button" name="jia" id="jia" value="+" onclick="c('+')" />
		<input type="button" name="jian" id="jian" value="-" onclick="c('-')" />
		<input type="button" name="cheng" id="cheng" value="*" onclick="c('*')" />
		<input type="button" name="chu" id="chu" value="/" onclick="c('/')" /><br>
		计算结果:<input type="text" name="result" id="result" value="" />

		<script type="text/javascript">
			// 创建函数
			function c(s) {
				var one = document.getElementById("one").value
				var two = document.getElementById("two").value

				if (isNaN(one)) {
					alert("你输入的第一个数不是数字")
					return
				}
				if (isNaN(two)) {
					alert("你输入的第二个数不是数字")
					return
				}
				if (s == '+') {
					var h = parseInt(one) + parseInt(two)
				} else if (s == '-') {
					var h = parseInt(one) - parseInt(two)
				} else if (s == '*') {
					var h = parseInt(one) * parseInt(two)
				} else if (s == '/') {
					var h = parseInt(one) / parseInt(two)
				}
				document.getElementById("result").value = h
				alert(h)
			}
		</script>
	</body>
</html>

创建对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>创建对象</title>
	</head>
	<body>
		<script type="text/javascript">
			// 1.使用function 关键字创建对象
			function student(name ,id ,age){
				this.name = name
				this.id = id
				this.age = age
				this.sleep = function(){
					document.write("睡觉")
				}
			}
			var student = new student("满晓河","22004282","19")
			document.write("姓名student.name+"学号："+id+"年龄："++"会："+student.sleep())
		</script>
	</body>
</html>