js计算器与函数的对象

最新推荐文章于 2024-06-14 11:01:38 发布

木子小迷弟

最新推荐文章于 2024-06-14 11:01:38 发布

阅读量100

点赞数

文章标签： javascript 前端 java

本文链接：https://blog.csdn.net/m0_73646596/article/details/126940849

版权

js实现计算器

<body>
		第一个数:<input type="text" name="" id="one" /><br />
		第二个数:<input type="text" name="" id="two" /><br />
		运算方式:<input type="button" name="yunsuan" id="yunsuan" value="+" onclick="cal('+')" />
		<input type="button" name="yunsuan" id="yunsuan" value="-" onclick="cal('-')" />
		<input type="button" name="yunsuan" id="yunsuan" value="*" onclick="cal('*')" />
		<input type="button" name="yunsuan" id="yunsuan" value="/" onclick="cal('/')" /><br />
		运算结果:<input type="text" name="" id="result" value="" />
		<script type="text/javascript">
			function cal(y) {
				//获取两个文本框的值并相加
				var one = document.getElementById("one").value
				var two = document.getElementById("two").value
				var result = 0
				switch (y) {
					case "+":
						result = parseFloat(one) + parseFloat(two)
						break;
					case "-":
						result = parseFloat(one) - parseFloat(two)
						break;
					case "*":
						result = parseFloat(one) * parseFloat(two)
						break;
					case "/":
						result = parseFloat(one) / parseFloat(two)
						break;
					default:
						break;
				}
				document.getElementById("result").value = result
			}
		</script>
	</body>

函数的对象

<script type="text/javascript">
			//使用Object创建一个对象
			var student=new Object()
			student.stuID="1001"
			student.stuName="张三"
			student.className="移动2班"
			//给对象添加了一个函数sayHello()
			student.sayHello=function(){
				console.log("大家好")
			}
			//对象名.函数名()实现函数的调用
			student.sayHello()
			console.log(student.stuID)
			//使用function创建一个构造函数
			function teachaer(tid,tname){
				//this表示当前对象
				this.tid=tid
				this.tname=tname
				this.eat=function(){
					console.log("吃饭")
				}
			}
			var t1=new teachaer("1","张三")
			//使用t1来访问属性和函数
			//调用函数
			t1.eat()
			console.log(t1.tid,t1.tname)
		</script>

字符串

           var str="Hello World!"
           console.log(str.length)//length用来获取字符串的长度
           console.log(str.charAt(2))
           //判断是否包含某个字符
           console.log(str.indexOf("l"))
           console.log(str.indexOf("b"))
           //开始与结束的位置
           console.log(str.substring(0,5))
           //第一个参数指的是索引，第二个参数指的是截取的字符串的长度
           console.log(str.substr(1,2))

<script type="text/javascript">
			var str="Hello World!"
			console.log(str.length)//length用来获取字符串的长度
			console.log(str.charAt(2))
			//判断是否包含某个字符
			console.log(str.indexOf("l"))
			console.log(str.indexOf("b"))
			//开始与结束的位置
			console.log(str.substring(0,5))
			//第一个参数指的是索引，第二个参数指的是截取的字符串的长度
			console.log(str.substr(1,2))
		</script>