用js制作一个计算器

使用js制作计算器

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
<script type="text/javascript">

//相加
function add(){
var first=0;
jai=Number(document.getElementById("text").value);

var scoent=0;
jia=Number(document.getElementById("text2").value);

var sum=0;
sum=jai+jia;
document.getElementById("jieg").value=sum;
}

//相减
function delect(){

var jian=0;
jian=jai-jia;
document.getElementById("jieg").value=jian;
}

//相乘

function chen(){

var ce=0;
ce=jai*jia;
document.getElementById("jieg").value=ce;
}

//相除

function chu(){

var cu=0;
cu=jai/jia;
document.getElementById("jieg").value=cu;
}

</script>

 </head>
 <body>
  <table style="background:red">
  <tr>
  <td colspan="4" align="center">购物简易计算器</td>

  </tr>

    <tr>
      <td>第一个数</td>
    <td colspan="3"><input type="text" id="text"></td>

    </tr>

      <tr>
        <td>第二个数</td>
    <td colspan="3"><input type="text" id="text2"></td>

      </tr>

        <tr>

          <td><input type="submit" value="+" style="width:100% " onclick="add()"></td>
          <td><input type="submit" value="—" style="width:100% " onclick="delect()"></td>
          <td><input type="submit" value="X" style="width:100% " onclick="chen()"></td>
          <td><input type="submit" value="/" style="width:100% " onclick="chu()"></td>
        </tr>

          <tr>
            <td>计算结果</td>
    <td colspan="3"><input type="text" id="jieg" /></td>

          </tr>

  </table>

 </body>
</html>
时间: 2024-10-15 10:07:51

用js制作一个计算器的相关文章

用JS制作一个信息管理平台完整版

  前  言 JRedu 在之前的文章中,介绍了如何用JS制作一个实用的信息管理平台. 但是那样的平台功能过于简陋了,我们今天来继续完善一下. 首先我们回顾一下之前的内容.   1.JSON的基础知识 1.1  什么是JSON JSON是数据交互中,最常用的一种数据格式. 由于各种语言的语法都不相同,在传递数据时,可以将自己语言中的数组.对象等转换为JSON字符串. 传递之后,可以将JSON字符串,再解析为JSON对象. JSON对象的使用与JS中的对象基本相同,唯一需要区别的是,JSON中的键

JS制作一个创意数字时钟

通过js代码制作一个创意数字时钟 通过JS代码实现创意数字时钟效果如下:由数字化的卡通形象图片取代常规的数字显示当前实时北京时间.具体效果示例: 核心重点: (1)Date方法的初步了解 (2)构建模型,从特殊到一般. <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>cnblog头部轮播图</title&

JS制作一个简易计算器

//javascript简易计算器 <!DOCTYPE html> <html>  <head>   <title> 事件</title>     <script type="text/javascript">    function count(){             //获取第一个输入框的值     var node1=document.getElementById('txt1').value;     

用JS写一个计算器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

js制作简易计算器(-)

前言:初学js,老师要求做一个简易计算器,目前只实现了能够计算,很多约束没有有做,待完善.仅作为自己的学习记录. <!doctype html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>简易计算器<

Qt学习笔记-制作一个计算器

在做计算器的前提先做一个加法器. 设计界面. 在点击计算的时候,获取前两个输入框中的数据相加后显示在第三个输入框. toInt是将字符串转换为数字.number静态函数是将数字转化为字符串. sd

使用JS制作一个鼠标可拖的DIV(四)——缩放

原理与鼠标拖动 DIV 相同. 下面就先实现一个在DIV的右上角显示一个小正方形(类似). 当鼠标按下并拖动时,DIV会以要拖动的元素的左下角的坐标点定位,根据鼠标的拖动,按比例的扩大或缩小. 一.思路 1.鼠标按时事件. 这里要初始化数据. 同移动一样,给小正方形绑定鼠标按时事件. (1)获得并保存要移动的元素(parent)的宽(parentWidth)与高(parentHeight). 即:元素缩放前的宽与高. (2)由于是要按比例缩放,所以,要在这时计算出宽与高的比例(scale),得到

使用JS制作一个鼠标可拖的DIV(二)——限制区域移动

这次是要对上一篇的内容进行扩展. 由于需要对可拖动的 DIV 进行一个区域范围的限制,所以要给于一个容器,让可拖动的 DIV 元素不能逃出该容器的大小范围. 一.思路 1.在外层增加一个 DIV 容器,并设置好容器的大小.(即:宽和高) 当容器存在边框的时候,由于这里还没找到获取的方法,所以,在容器边框大于 0 的时候,获得的容器的限制区域的坐标会有误差. 为了避免这情况,可以在多加一次容器,有边框样式的在外层,无边框样子的在内层. 例: <style> #mainContainer { bo

用JS制作一个信息管理平台

首先,介绍一些需要用到的基本知识. [JSON] JSON是数据交互中,最常用的一种数据格式. 由于各种语言的语法都不相同,在传递数据时,可以将自己语言中的数组.对象等转换为JSON字符串. 传递之后,可以将JSON字符串,再解析为JSON对象. JSON对象的使用与JS中的对象基本相同,唯一需要区别的是,JSON中的键,必须是字符串. 比如: var jsonObj = { "name":"zhangsan", "age":"12&q