网页前端简单计算器制作

<!doctype html>
<html lang="en"><head><script>/*何*/function jia(){//加法var a1input = document.getElementById("jisuan1");var a1=a1input.value;var a2input = document.getElementById("jisuan2");var a2=a2input.value;var a=Number(a1)+Number(a2);var jieguo1 = document.getElementById("jieguo");jieguo.innerHTML = a;}function jian(){//减法var a3input = document.getElementById("sjisuan3");var a3=a3input.value;var a4input = document.getElementById("jisuan4");var a4=a4input.value;var b=(a3-a4);var jieguo1 = document.getElementById("jieguo1");jieguo1.innerHTML = b;}function cheng(){//乘法var a5input = document.getElementById("jisuan5");var a5=a5input.value;var a6input = document.getElementById("jisuan6");var a6=a6input.value;var c=(a5*a6);var jieguo1 = document.getElementById("jieguo2");jieguo2.innerHTML =c;}function chu(){//除法var a7input = document.getElementById("jisuan7");var a7=a7input.value;var a8input = document.getElementById("jisuan8");var a8=a8input.value;var d=(a7/a8);var jieguo1 = document.getElementById("jieguo3");jieguo3.innerHTML =d;}</script><style>#year_ipt{width:200px;}#result_container{font-size:30px;color:#ff0000;}</style><title>计算器制作</title></head><body><input type="text" id="jisuan1" placeholder="输入数字"/>+<input type="text" id="jisuan2" placeholder="输入数字" /><button onclick="jia()">=</button><span id="jieguo"></span><br/><input type="text" id="jisuan3" placeholder="输入数字"   />-<input type="text" id="jisuan4" placeholder="输入数字" /><button onclick="jian()">=</button><span id="jieguo1"></span><br/><input type="text" id="jisuan5" placeholder="输入数字"   />X<input type="text" id="jisuan6" placeholder="输入数字" /><button onclick="cheng()">=</button><span id="jieguo2"></span><br/><input type="text" id="jisuan7" placeholder="输入数字"   />÷<input type="text" id="jisuan8" placeholder="输入数字" /><button onclick="chu()">=</button><span id="jieguo3"></span></body>
</html>

网页前端简单计算器制作相关推荐

VC6.0的MFC简单计算器制作
在VC中的计算器制作,我们开始要考虑的就是简单的计算器的是由什么构成的,有按钮,有显示框.按钮有数字的0~9部分还有小数点,,外加4个运算符号加减乘除,还有就是显示结果的等于号..可以的话可以加个清除 ...
网页前端简单制作（超级课程表）
*{ margin: 0; padding: 0; } .w{ width: 1200px; margin: auto; } body{ background-color: #f3f5f7; } li ...
Web网页版简易计算器
说明: 1.这个计算器的功能比较简单,包括加减乘除,小数点,退格,清除以及等于. 2.首先写出html,即界面主要框架:再写出css,即属性,使框架看起来美观一些:最后就是javascript,就是功 ...
HTML期末大作业: 学生个人网页设计作品学生个人网页模板简单个人主页成品个人网页制作 HTML学生个人网站作业设计代做...
1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多? 2.没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能 ...
HTML期末大作业: 学生个人网页设计作品学生个人网页模板简单个人主页成品个人网页制作 HTML学生个人网站作业设计代做
HTML期末大作业: 学生个人网页设计作品学生个人网页模板简单个人主页成品个人网页制作 HTML学生个人网站作业设计代做 1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大 ...
android页面布局计算机,Android Studio制作简单计算器App
Android Studio制作简单计算器App 计算机界面如图: 程序设计步骤: (1)在布局文件中声明编辑文件框EditText,按钮Button等组件. (2)在MainActivity中获取组 ...
C语言练手项目--C 语言制作简单计算器
C 语言制作简单计算器一.需求二.实现 1.思路 2.代码 3.运行结果三.参考链接一.需求使用 C 语言做一个简单的计算器,能执行加.减.乘.除操作二.实现 1.思路 (1)标准输入到s ...
Web 前端学习之制作网页音频
Web 前端学习之制作网页音频 1. 新建目录(image) 2. 完整代码如下所示结束语 1. 新建目录(image) 用来存放音频文件 2. 完整代码如下所示 <!DOCTYPE html ...
1.C#WinForm基础制作简单计算器
利用c#语言编写简单计算器: 核心知识点: MessageBox.Show(Convert.ToString(comboBox1.SelectedIndex));//下拉序号MessageBox.Sh ...
Unity导出的WebGL、网页前端、服务端以及硬件四级交互结构的实现（简单3d建模网页端物联网）
本文代码基于一个智慧楼宇项目: 前提:(Unity应该使用尽量最新的版本,2020年的应该就行,2019年的未知',2018年的好像就不行了) 模式简介: 1.服务端处理楼宇发送的信息,把处理过的信息 ...

网页前端简单计算器制作

网页前端简单计算器制作相关推荐

最新文章

热门文章