利用js的运算符做一个简易的计算器

最新推荐文章于 2022-06-08 20:29:36 发布
最新推荐文章于 2022-06-08 20:29:36 发布
阅读量158 收藏 1
点赞数 1
分类专栏： js有趣小案例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54902466/article/details/116615222
版权

直接上代码!

<!DOCTYPE html>
<html lang="zh-CN">

<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>Document</title>
</head>

<body>
    <script>
        let num1 = +prompt('请输入第一个数') // 用户输入第一个数丨
        let num2 = +prompt('请输入第二个数') // 用户输入第二个数
        function he(a,b){
            document.write(a+b)
        }
        he(num1,num2)
    </script>
</body>

</html>
Jikel
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TipCalculator.js:使用三元运算符的小技巧计算器代码
03-27
TipCalculator.js 使用三元运算符的小技巧计算器代码 该计算器是一个示例项目，将提示您输入金额 它将计算小费以及小费和帐单的总和
JS实现可针对算术表达式求值的计算器功能示例
12-29
本文实例讲述了JS实现可针对算术表达式求值的计算器功能。分享给大家供大家参考，具体如下： HTML部分： <div> <div id=in> <input name=in type=text class=clsin id=input value= readonly=readonly /> <input type=button name== value== onClick=exp_result()/> </div> <div id=num> <input type=button name=seven value=7
了解js运算符小作业
weixin_46544600的博客
05-01 199
1. 输入一个三位数的正整数，输出时反向输出。如：输入 345，输出543。 var n = parseInt(window.prompt('input')); var n = 456; i = n; a = i % 10 ; b = (i - a) % 100; c = i - a - b; n = a * 100 + b + c / 100; document.write(n); 2 ...
JavaScript：简易计算器（+、-、*、/）制作
Argonaut_的博客
04-10 1454
简易计算器前言 前言 <script> while (true) { var choice = parseInt(prompt('欢迎使用简易计算器：' + '\n' + '1.加法运算' + '\n' + '2.减法运算' + '\n' + '3.乘法运算' + '\n' + '4.除法运算' + '\n' + '5.退出' + '\n' + '请输
利用JS运算符做一些简单的计算
Youareseeing的博客
06-08 223
快来算算你活了多久！ 注：document.write("恭喜你！活了这么多",num*1,"s!") ，这一行中的文本输出较为麻烦，可以利用document.write(`恭喜你！活了这么多${num*1}s!`) ，进行文本的输出。 你会将两个数按大小顺序排列吗？ 注：a=parseFloat(prompt("请输入第一个数值"," "));这一句中，必须加上parseFloat或者parseInt，不能只写a=prompt("请输入第一个数值"," ")，如果不加的话只能进行字符串之间的比
四则运算计算器-简易计算机（一）
10-30
①利用css做一个四则运算计算器 ②在第一个简易计算器的基础上，添加了sin，cos等三角函数，sqrt，算数运算符等的计算。二在一的基础上加深了难度。
三角函数计算器.html
10-30
①利用css做一个四则运算计算器 ②在第一个简易计算器的基础上，添加了sin，cos等三角函数，sqrt，算数运算符等的计算。二在一的基础上加深了难度。
Java计算器实验报告(1).doc
03-10
虽然程序大体上符合要求，但由 于第一次编写这么复杂的程序，程序仍然存在一- 些漏洞，譬如由于未进行异常处理，当连续输入运算符是程序会出错，还有若一直按小 数点的话会得到一连串的小数点。由于最近忙着考试没有...
基于AngularJS实现iOS8自带的计算器
11-22
首先创建angularjs的基本项目就不说了，最好是利用yeoman这个脚手架工具直接生成,如果没有该环境的，当然也可以通过自行下载angularjs的文件引入项目。 实例详解 main.js是项目的主要js文件，所有的js都写在这个文件...
leetcode卡-IntegerCalculator:一个用于执行整数计算的Flask应用程序
07-06
这是一个基于 LeetCode 中解释的想法实现的简单网络计算器。 计算器将接受任何包含非负整数和运算符的表达式： + * - / ( )并返回一个整数请注意， /此处表示整数除法，因此9/2 = 4而不是4.5 实时链接 动机 该项目...
js：制作一个简易的计数器：根据输入的两个整数和运算符，进行计算，然后输出计算结果
热门推荐
xuehyunyu的博客
06-21 1万+
编程思路：首先接收输入的数和运算符，然后把输入的字符串类的运算符，转化成可以计算的运算符。 代码如下： var a=parseInt(prompt('输入第一个整数')); var b=parseInt(prompt('输入第二个整数')); var c=prompt("输入一个计算符（+-*/）");
HTML编辑计算器----运算符连续重复问题
weixin_45429076的博客
11-27 922
HTML编辑计算器----运算符连续重复问题 前言 此方法使用字符串后者替换前者的思想，判断当两个运算符同时出现时，进行字符串的替换！ 一、字符串如何进行特换？ Java charAt() 方法：索引字符 Java substr() 方法： 字符替换 charAt() 方法用于返回指定索引处的字符。索引范围为从 0 到 length() - 1。 具体用法参考：https://www.runoob.com/java/java-string-charat.html substr() 方法可在字符串中抽取从 开
js实现四则混合运算计算器
weixin_30905981的博客
12-15 1875
最近想用js做一个简单的计算器，不过网上的例子好像大部分都是直接从左到右挨个计算，就好像1+2*5，就会先计算1+2，再计算3*5，并没有实现运算符的优先级，这里找到了一种方法实现，来总结一下。不过这里只是最基本的思路，还有许许多多的细节没有完善。 在解决基本的样式布局与交互逻辑之前，我们先来解决四则混合运算的核心模块，也就是如何把我们输入的字符串转换为数字表达式并进行计算： 我所找...
javaScript基础学习 - 5 - JavaScript运算符（操作符）-案例代码
来杯卡布奇诺的博客
08-18 503
javaScript基础学习 - 5 - JavaScript运算符（操作符）-案例代码1. 算数运算符2. 表达式和返回值3. 前置递增运算符4. 后置递增运算符5. 递增运算符练习6. 比较运算符7. 逻辑运算符8. 逻辑运算符练习9. 短路运算（逻辑中断）10. 赋值运算符11. 运算符优先级 1. 算数运算符 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &
JS中不同类型作比较的规律 （比较运算符）
黑夜人的博客
12-12 3141
JS 不同数据类型的比较 是个头疼事情，那有没有规律可循，让记忆和理解起来更加容易呢， console.log(1 ==  "1") //true  好的，我先把规则告诉大家，然后大家理解后再开始练习。看看效果是不是很显著； 不同数据类型间的比较，规律如下 类型 类型 其他说明 其他说明 对象 对象 比较是不是同一个内存地址   对象 字...
js简易计算器
qq_43601848的博客
09-03 2329
用户在弹出的输入框中选择要做的运算 用户选择后弹出两个输入框，让用户输入数据 根据用户选择的操作和输入的数据，计算出最后结果并弹出提示框显示结果 var name = prompt('欢迎使用简易计算器' + '\n1.加法运算' + '\n2.减法运算' + '\n3.乘法运算' + '\n4.除法运算' + '\n5.退出' + '\n请输入您的选项:'); var num1 = prompt('请输入第一个数：'); ...
使用js制作一个简易计算器，计算加减乘除
sulixu的博客
08-10 5217
要制作一个如图所示的简易计算器，首先要建立一个表单，制作出如图所示的样子。 <table border="1" cellspacing="0" > <tr><th colspan="2">购物简易计算器</th></tr> <tr> <td>第一个数</td> <td><input type="text" id="inputId1" /></td&g
js简单实现：点击结果按钮返回值弹出
qq_44787874的博客
11-28 940
直接看代码，即可： 适合小白 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>beijingshezhi</title> <link href="css/new_file.css" type="text/css" rel="stylesheet" /> <!-- <script src="./img/fishimgs/new
利用python中的pyqt做一个简易计算器
最新发布
05-31
好的，以下是一个基于 PyQt5 的简易计算器示例代码。您可以将其保存为 .py 文件并运行，或者在 Python 解释器中逐行执行。 ```python from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QHBoxLayout, QPushButton, QLineEdit class Calculator(QWidget): def __init__(self): super().__init__() self.init_ui() def init_ui(self): self.setWindowTitle('Calculator') # Create the input field self.input_field = QLineEdit(self) self.input_field.setReadOnly(True) self.input_field.setAlignment(Qt.AlignRight) self.input_field.setMaxLength(16) # Create the buttons self.buttons = [] button_values = ['7', '8', '9', 'C', '4', '5', '6', '/', '1', '2', '3', '*', '0', '.', '+', '-'] for value in button_values: button = QPushButton(value, self) button.setFixedSize(40, 40) button.clicked.connect(self.handle_button_click) self.buttons.append(button) # Create the layout button_layout = [ [self.buttons[0], self.buttons[1], self.buttons[2], self.buttons[3]], [self.buttons[4], self.buttons[5], self.buttons[6], self.buttons[7]], [self.buttons[8], self.buttons[9], self.buttons[10], self.buttons[11]], [self.buttons[12], self.buttons[13], self.buttons[14], self.buttons[15]], ] layout = QVBoxLayout() layout.addWidget(self.input_field) for row in button_layout: row_layout = QHBoxLayout() for button in row: row_layout.addWidget(button) layout.addLayout(row_layout) self.setLayout(layout) def handle_button_click(self): button = self.sender() if button.text() == 'C': self.input_field.setText('') elif button.text() == '=': try: result = str(eval(self.input_field.text())) except: result = 'Error' self.input_field.setText(result) else: self.input_field.setText(self.input_field.text() + button.text()) if __name__ == '__main__': app = QApplication([]) calculator = Calculator() calculator.show() app.exec_() ``` 在这个例子中，我们创建了一个 `Calculator` 类，它继承自 `QWidget`，并覆盖了 `__init__()` 方法来初始化用户界面。我们使用 `QLineEdit` 控件创建了一个输入框，用于显示计算结果和用户输入的数字和运算符。我们还创建了一个包含所有数字和运算符的 `QPushButton` 列表，以及一个包含这些按钮的布局。在 `handle_button_click()` 方法中，我们根据用户点击的按钮执行不同的操作，例如添加数字或运算符到输入框中，或者清空输入框。最后，我们使用 `QVBoxLayout` 和 `QHBoxLayout` 来创建一个垂直布局和若干水平布局，以实现计算器的布局。 运行这个例子后，您将看到一个简单的计算器界面，您可以使用它进行基本的数字和运算符计算。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值