JavaScript实现简单计算器小功能
作者:qq_39111074 发布时间:2024-04-23 09:26:50
标签:js,计算器
本文实例为大家分享了JavaScript实现简单计算器的具体代码,供大家参考,具体内容如下
此例为简单的计算器:
代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简易计算器</title>
<script>
var choice = prompt('欢迎使用简易计算器:\n1.加法运算;\n2.减法运算;\n3.乘法运算;\n4.除法运算;\n5.退出;\n请输入您的选项:');
switch (choice) {
case '1':
add();
break;
case '2':
sub();
break;
case '3':
multiplication();
break;
case '4':
division();
break;
case '5':
alert('已退出')
break;
}
// 加
function add() {
var num = prompt('请输入要进行加法运算的数字个数:');
var sum = 0;
var arr = [];
for (var i = 0; i < num; i++) {
arr[i] = prompt('请输入第' + (i + 1) + '个数字的值:');
console.log(arr[i]);
sum += parseFloat(arr[i]);
/*
注意:这种写法可以给arr数组赋值,但是不能调用arr[arr.length],调用得到undefined
arr[arr.length] = prompt('请输入第' + (i + 1) + '个数字的值:');
console.log(arr[arr.length]);
sum += parseFloat(arr[arr.length]);
*/
}
alert(arr + '这些数字的和为:' + sum);
}
// 减
function sub() {
var number1 = prompt('请输入第一个值:');
var number2 = prompt('请输入第二个值:');
var result = parseFloat(number1) - parseFloat(number2);
alert(number1 + '减去' + number2 + '的值为:' + result);
}
// 乘
function multiplication() {
var number1 = prompt('请输入第一个值:');
var number2 = prompt('请输入第二个值:');
var result = parseFloat(number1) * parseFloat(number2);
alert(number1 + '乘以' + number2 + '的值为:' + result);
}
// 除
function division() {
var number1 = prompt('请输入第一个值:');
var number2 = prompt('请输入第二个值:');
var result = parseFloat(number1) / parseFloat(number2);
alert(number1 + '除' + number2 + '的值为:' + result);
}
</script>
</head>
<body>
</body>
</html>
注意:尝试用arr[arr.length]赋值和计算,但是只能赋值,不能调用,调用显示arr[arr.length]值为undefined
页面效果:
加:
减:
乘:
除:
退出:
来源:https://blog.csdn.net/qq_39111074/article/details/120415900
0
投稿
猜你喜欢
- inspectdb使用步骤1.配置项目setting文件2.配置项目__init__.py 使用pymysql连接数据库 import py
- 1、typeof 用来检测数据类型的运算符typeof value 返回值首先是一个字符串,其次里面包含了对应的数据类型,例如:"
- 本文介绍了使用python wasmtime来访问rust库的便捷方法,步骤极其简练,可以在生产环境中使用。安装rust target wa
- 如何阻止别人非法链接你网站的图片,防盗链?getimage.asp<% Option ExplicitDim&nb
- __init__.py 文件的作用是将文件夹变为一个Python模块,Python 中的每个模块的包中,都有__init__.py 文件。通
- 问题出现与解决Pandas进行数据处理之后,假如想将其转化为json,会出现一个bug,就是中文文字是以乱码存储的,也就是\uXXXXXX的
- 本文实例讲述了Python面向对象程序设计之继承、多态原理与用法。分享给大家供大家参考,具体如下:相关内容:继承:多继承、super、__i
- 熟悉SQL的人都知道,完成同一个任务,SQL可能有多种写法,但不同写法的查询性能可能会有天壤之别,本文列举出五个查询优化的方法,当然,优化的
- Pytorch的backward()函数假若有多个loss函数,如何进行反向传播和更新呢? x = torch.tensor(2.0, re
- Git 远程仓库Git 并不像 SVN 那样有个中心服务器。目前我们使用到的 Git 命令都是在本地执行,如果你想通过 Git 分享你的代码
- 网上关于PyQt5的教程很少,特别是界面跳转这一块儿,自己研究了半天,下来和大家分享一下一、首先是主界面# -*- coding: utf-
- map()函数map() 会根据提供的函数对指定序列做映射,是内置函数第一个参数 function 以参数序列中的每一个元素调用 funct
- Python os.remove() 方法os.remove() 方法用于删除指定路径的文件。如果指定的路径是一个目录,将抛出OSError
- python的库一般都用pip安装。但是有时候也会出现在线安装失败的情况,如下图安装PIL模块时报错:这时候可以采取离线安装的方式;一、首先
- 0、前言在python2.7及以上的版本,str.format()的方式为格式化提供了非常大的便利。与之前的%型格式化字符串相比,他显得更为
- 做计算机视觉方向,除了流行的各种深度学习算法,很多时候也要会基础的图像处理方法。记录下opencv的一些操作(图像映射变换),日后可以方便使
- 第一部分:UI界面设计界面效果图如下:ui文件(可拉动控件自行创建一个button和text)<?xml version="
- 载入库绘制表格我们需要用到python库中的matplotlib库import matplotlib.pyplot as plt一、折线图#
- 1、吃金币源码分享:import osimport cfgimport sysimport pygameimport randomfrom
- 一 web框架的本质及自定义web框架我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket