用DW敲出一个简易的计算器学JS之前感觉有点难,然后学了JS感觉很简单只要有了思路就可以敲出来。

下面是敲完之后的样子

源代码结构很简单如下:

敲样式可以随便敲,看起来整齐一点就OK了,我是这样敲的:

Div{

display:inline-block;

width: 80px;

text-align: center;

}

input{

width: 80px;

}

select{

width: 80px;

}

敲完样式后就可以敲JS了;敲计算器功能主要用到循环语句,我用了两种方法分别是For循环和Switch循环下面看图:

以上就是两种方法的代码;然后就是计算器的小细节,被除数不能为零上面的代码中也敲出来了,下面看实际效果:

还有就是没有数的时候结果是NAN值

这是就是我敲的简易计算器,希望可以帮助到你们

如果有更好的方法(我是不会承认更好的方法的!)或不懂得地方欢迎在评论区教导和提问喔(反正我不会回复哈哈哈哈)!

用DW制作简易的计算器相关推荐

  1. 利用Unity3D制作简易2D计算器

    利用Unity3D制作简易2D计算器 标签(空格分隔): uiniy3D 1. 操作流程 在unity3DD中创建一个新项目 注意选择是2D的(因为默认3D) 在Assets框右键新建C#脚本 在新建 ...

  2. QT 制作简易几何计算器

    一.新建项目并添加类文件 二.ui界面设计 三.连接Combo Box对象与Stacked Widget对象 四.结果及源代码 一.新建项目并添加类文件 1.新建一个名为"calculate ...

  3. php制作简单计算器,二、php制作简易的计算器

    步骤: 1.写出两个文本框,中间用一个下拉菜单select作为计算按钮: 2.用$_SET("")或$_GET("")方式获取两个文本框的数据及按钮信息进行运算 ...

  4. 怎么用python自制计算公式_手把手教你用python制作简易计算器,能够记录你使用的情况...

    话不多说,首先先看效果图,它能够记录你在使用过程中的历史,方便你查看是否有错: 接下来就仔细分析一下是如何制作的: 简易计算器 第一步:导入资源库 在过程中使用到了tkinter这个资源库,win+R ...

  5. 【Proteus仿真】51单片机制作简易计算器+ LCD1602显示

    [Proteus仿真]51单片机制作简易计算器+ LCD1602显示 Proteus仿真效果演示 程序代码 #include<reg51.h> //头文件 #define uint uns ...

  6. 利用JS制作简易计算器

    目的:利用JS制作一个简易的计算器,能够实现简单四则运算 要求:三个输入框输入值只能是数字,当输入非数字时提示并清空输入框,利用正则表达式:点击按钮实现计算. 话不多说,贴图为上: 看了效果图,下面就 ...

  7. 【Proteus】单片机配合矩阵键盘LCD1602制作简易计算器

    前言 想出一个关于Protues仿真的系列,回想起在大学时做课程设计,大多数是用这个来做,这个系列就围绕一些常用的外设或者说课程设计题目来进行对以前知识的回顾,温故而知新,同时也希望能对新手读者的学习 ...

  8. Python制作简易计算器(GUI)---Tkinter

    Python制作简易计算器(GUI)---Tkinter Tkinter简介 Tkinter 与 PyQt5 的比较 Tkinter PyQt5 项目展示 导入模块 函数封装 1. 运算公式的拼接与展 ...

  9. 使用C# winform 制作一个按钮可自适应屏幕大小的 简易加减乘除计算器

    一:成果物     不多展示,,,我们开始吧.. 二: 窗体包含内容 2.1 显示屏部分组成 显示屏部分由两个组件组成,一个是方便操作的panel控件位于顶部,且为了使其显示屏在改变窗体大小时一直位于 ...

最新文章

  1. JavaScript基础笔记集合(转)
  2. 前后端分离如何解决跨域的问题?
  3. extjs弹出窗口查看文本内容-new Ext.Window
  4. CentOS下Redis 2.2.14安装配置详解
  5. ARM产品二十年路线图
  6. fastreport(B)
  7. mysql 图文安装_mysql安装图解mysql图文安装教程(详细说明)
  8. [从零学习汇编语言] - 计算机发展历史
  9. Java命令行运行错误: 找不到或无法加载主类
  10. 云服务器连接手机本地文件在哪里,云服务器如何连接本地文件
  11. 一网打尽系列之史玉柱运营法则
  12. MySQL必知必会——语句总结
  13. 数据库系统的组成及模式结构
  14. 为知笔记数据备份方法
  15. /usr/lib/python2.7/site-packages/requests/__init__.py:91: RequestsDependencyWarning: urllib3 (1.25.8
  16. ICP经营许可证需要多久能够下证
  17. Java百宝箱——实现ip地址、手机号、身份证号归属地查询
  18. iis7.5如何将应用程序池的启动模式(startMode)从onDemand(需要时)更改为AlwaysRunning(一直运行)?
  19. CAPI 初探及使用小结(4)
  20. java swing实现图文混排_跟我学Java Swing之游戏设计(4)

热门文章

  1. 系统结构C/S与B/S
  2. 如何在不引入第三个变量的情况下互换两个变量的值
  3. 清华计算机类专业介绍,清华大学本科计算机专业的课程都有哪些?
  4. 2023年金三银四软件测试超频面试题,带你走进大厂!
  5. Java版本新零售SaaS数字商城和数字门店小程序商城
  6. jpcsp源码解读6:PSF文件
  7. “土豪金”的正确打开方式:18K黄金定制,iPhone13 Pro起售价27万元
  8. 计算机的CPU型号 内存容量和硬盘容量,什么是LGA,PGA,BGA类型的CPU封装?CPU主频/内存容量/硬盘容量怎么看?...
  9. 音乐制作软件中文版含乐器包-Avid Pro Tools 10.3.9 WiN
  10. 出现了,在混凝土养护行业,比干湿球湿度计还好用的仪器