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

最新推荐文章于 2023-09-17 16:29:08 发布

柒氏

最新推荐文章于 2023-09-17 16:29:08 发布

阅读量757

点赞数 1

分类专栏： js初学编程文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/yi152787/article/details/130434828

版权

js初学编程专栏收录该内容

1 篇文章 0 订阅

订阅专栏

某博主（咳咳本人）太无聊，昨天回想到了大学时学过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柒氏