html制作简易计算机,用JavaScript制作一个简易计算器

制作出来是一个五行三列的表格，第一行是标题简易计算器，第二行是第一个数，第三行是第二个数，第四行是计算机结果，第五行是说明步骤，第三列是加减乘除四种运算方法。

简易计算器

table{

border:1px solid #10c6c4;

margin:0 auto;

width:450px;

height:180px;

}

tr{

border:1px solid #10c6c4;

}

td{

border:1px solid #10c6c4;

}

th{

border:1px solid #10c6c4;

text-align:center;

height:35px;

}

input[type=button]{

width:33px;

height: 33px;

margin:5px;

background: #11fffc;

border:1px solid #08d0ce;

}

input[type=text]{

width:210px;

height:25px;

margin-left:5px;

padding-left:5px;

}

function yunsuan(op){

var n1=document.getElementById('num1').value;

var n2=document.getElementById('num2').value;

var jieguo=document.getElementById('jieguo').value;

n1=Number(n1);

n2=Number(n2);

switch(op){

case '+':

jieguo=n1+n2;

break;

case '-':

jieguo=n1-n2;

break;

case '*':

jieguo=n1*n2;

break;

case '/':

jieguo=n1/n2;

break;

}

document.getElementById('jieguo').value=jieguo;

}

简易计算器
第一个数
第二个数
结果
运算方法：输两个数，再选算法

html制作简易计算机,用JavaScript制作一个简易计算器相关推荐

前端 JavaScript 实现一个简易计算器
前端使用 JavaScript 实现一个简易计算器,没有难度,但是里面有些小知识还是需要注意的,算是一次基础知识回顾吧. 题目实现一个简易版的计算器,需求如下: 1.除法操作时,如果被除数为0,则结 ...
用JavaScript实现一个简易计算器功能
简易计算器文章目录简易计算器界面一览一.需求二.body创建整体显示外观三.css样式四.JavaScript事件函数五.小结界面一览一.需求 1.构建出计算器外观. 2.显示屏跟 ...
三维计算机动画制作,《计算机三维动画制作2》李广振、况扬著_孔网
<计算机三维动画制作>从实用角度出发,以3dsmax6.0为软件基础,以应用技术为主线条,以实例操作的形式介绍了三维动画制作软件的概念.术语.基本工具和界面,讲解了在3dsmax中建模和制 ...
计算机麦克风,简易计算机麦克风的制作
步骤1:您需要的东西您需要的所有东西都是: 1.一个小的塑料瓶,如图5所示. 01.请使用薄的塑料瓶或任何可以称呼的塑料瓶.您可以根据需要使用其他任何类型的容器,因为您不需要太多空间,因此麦克风很小 ...
用html制作简单日历,用javascript实现一个简单的日历
有些时候我们翻看别人的博客的时候,会发现有一个日历面板,可以点击左右按钮查看上下个月的日历,那么这是怎么实现的呢?其实并不难,主要就是用javascript的date()方法. 先看效果图: 具体代码 ...
2048小游戏html制作,[ 逻辑锻炼] 用 JavaScript 做一个小游戏 ——2048 （详解版）
前言这次使用了 vue 来编写 2048,主要目的是温习一下 vue. 但是好像没有用到太多 vue 的东西,==! 估计可能习惯了不用框架吧之前由于时间关系没有对实现过程详细讲解,本次会详细讲解 ...
设计制作简单计算机,自己设计制作CPU与单片机
自己设计制作CPU与单片机语音编辑锁定讨论上传视频本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! <自己设计制作CPU与单片机>是2014年9月人民邮 ...
页面中color颜色值_计算机毕业设计中实现一个简易美观的登录界面
点击上方"蓝字",关注我们. 实现一个登录界面,展示一下效果: 然后我们看一下代码: 在我们做一个页面之前,要先想好他的一个整体布局,也就是我们这里面的login.html主页面, ...
Stc单片机写一个简易计算机,基于STC89C52单片机的简易计算器.doc
PAGE 基于STC89C52单片机的简易计算器目录 TOC \o "1-2" \h \z \u 内容摘要 2 关键词 2 Abstract 2 1绪论 2 2系统设计 4 2. ...

html制作简易计算机,用JavaScript制作一个简易计算器

html制作简易计算机,用JavaScript制作一个简易计算器相关推荐

最新文章

热门文章