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

某博主（咳咳本人）太无聊，昨天回想到了大学时学过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;}elseresult = "除数不能为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柒氏

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

HDU - 1237简单计算器（输出问题）
简单计算器 HDU - 1237 题目题解代码题目读入一个只包含 +, -, *, / 的非负整数计算表达式,计算该表达式的值. Input 测试输入包含若干测试用例,每个测试用例占一行,每行 ...
如何实现简单计算器（附代码）
本篇文章给大家详细介绍一下javascript实现简单计算器的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. JS实现简单计算器页面布局设计(HTML+CSS) 由于在之前的 ...
html制作计算器val,JavaScript实现的超简单计算器功能示例
本文实例讲述了JavaScript实现的超简单计算器功能.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码: www.ddpool.cn JS计算器 // window.onload 获 ...
简单计算器——JavaScript小实例
简单计算器--JavaScript小实例先来看一下下我们要做的计算器(以iQOO neo5手机计算器为例): 这就是我们今天要做的计算器的模板,成品的样子会略有不同,但功能完善. 好,当我们看到这个 ...
【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: <!DOCTYP ...
JavaScript最简单的方法实现简易的计算器
文章目录前言一.效果图二.代码 1.HTML代码 2.CSS代码 3.JavaScript代码总结前言 JavaScript最简单的方法实现简易的加减乘除计算器一.效果图二.代码 1.H ...
JavaBean简单应用，输入三边长判断能否构成三角形并输出三角形面积
JavaBean简单应用,输入三边长判断能否构成三角形并输出三角形面积要求:编写2个JSP页面:inputTriangle.jsp与showTriangle.jsp,inputTriangle.js ...
JavaScript的基本使用以及输出hello world，很简单
大家好,今天来给大家分享一下 JavaScript的基本使用以及输出hello world 我们使用的工具: IDEA 接下来看源码: <!DOCTYPE html> <html l ...
c++——简单计算器
用C++编写简单计算器限制: 1.只能使用分支语句与循环语句: 2.不能使用数组和自定义函数: (即把自己当作只学到分支语句和循环语句的初学者) 计算器要求: 1.可以进行简单的加.减.乘.除四则运 ...

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

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

最新文章

热门文章