JavaScript实现简单计算器及输出三角形(初学者适用)

文章介绍了如何使用JavaScript实现一个简单的计算器功能和输出三角形的代码,适合初学者学习。作者分享了个人学习时的趣事,提醒读者在编程时要注意避免拼写错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

某博主(咳咳本人)太无聊,昨天回想到了大学时学过js实现简单计算器和三角形输出,突然来了兴趣,写了一篇js简单的实现,很适合初学者。

一、简单计算器代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>简易计算器</title>
		<script type="text/javascript">
			function compute(obj)
			{
				var num1 = parseFloat(document.getElementById("txtNum1").value)
				var num2 = parseFloat(document.myform.txtNum2.value)
				 if(obj=="+")
				 var result = num1+num2;
				if(obj=="-")
				var result = num1-num2;
				if(obj=="*")
				var result = num1*num2;
				if(obj=="/")
				{
					if(num2 !=0)
					{
						result = num1 / num2;
					}
					else
					result = "除数不能为0";
				}
				 document.getElementById("txtResult").value=result;
			}
			
		</script>
	</head>
	<body>
		<form name="myform">
			<h3>简易计算器</h3>
			第一个数:<input type="text" id="txtNum1"/><br>
			第二个数:<input type="text" id="txtNum2" /><br>
			<input type="button" value="+" onclick="compute('+')"/>
			<input type="button" value="-" onclick="compute('-')"/>
			<input type="button" value="*" onclick="compute('*')"/>
			<input type="button" value="/" onclick="compute('/')"/><br>
			 计算结果:<input type="text" id="txtResult"/>
		</form> 
	</body>
</html>

二、三角形输出代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			document.write("<center>")
			var num = prompt("请输入三角形行数:")
			if(num >6){
				document.write("倒三角")
			}else{
				
				for(var i=1;i<num;i++)
				{
					for(var j=0;j<i;j++)
					{
						document.write("*\n")
					}
					document.write("<br>")
				}
			}
			document.write("<center>")
		</script>
	</body>
</html>

回想到当初刚学的时候,程序报错找了半天,原来是函数打错了,被同桌笑了半天,所以大家学习的时候一定要注意字母 ,千万不要打错了。好了就到这里。感谢支持。

 一个爱摆烂的白帽子mask柒氏