利用JavaScript制作一个简易计算器

拼搏现实的明天。 2022-05-13 22:35 238阅读 0赞

在学习javascript过程中，利用了标签和标签，制作了一个简单的计算器。

function jia()\{  
var n1 =document.getElementById("one").value;  
var n2 =document.getElementById("two").value;  
var n3=Number(n2)+Number(n1);  
// document.write(n3);  
document.getElementById("three").value=n3;  
\}  
function jian()\{  
var n1 =document.getElementById("one").value;  
var n2 =document.getElementById("two").value;  
var n3=n1-n2;  
// document.write(n3);  
document.getElementById("three").value=n3;  
\}  
function cheng()\{  
var n1 =document.getElementById("one").value;  
var n2 =document.getElementById("two").value;  
var n3=n1\*n2;  
// document.write(n3);  
document.getElementById("three").value=n3;  
\}  
function chu()\{  
var n1 =document.getElementById("one").value;  
var n2 =document.getElementById("two").value;  
var n3=n1/n2;  
// document.write(n3);  
document.getElementById("three").value=n3;  
\}

第一个数：<input id="one" type="text" /><br />
        <br />
        第二个数：<input id="two" type="text" /><br />
        <br /><br />
        <input type="button" onclick="jia()" value="加"/>
        <input type="button" onclick="jian()" value="减"/>
        <input type="button" onclick="cheng()" value="乘"/>
        <input type="button" onclick="chu()" value="除"/>
        <br />
        <br />
        <br />
           结果：<input id="three" />     
    
    
    </body>

End。。。。

发表评论取消回复

表情：

评论列表（有 0 条评论，238人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML+CSS+JavaScript制作简易计算器

一运行效果图 ![a80d38fb4b3f4962be0e809829fb51a6.png][]二代码 <!DOCTYPE html> <htm

亦凉/ 2024年02月05日 12:40/ 0 赞/ 14 阅读

相关通过VUE制作简易计算器

> <!DOCTYPE html> > <html lang="en"> > <head> > <meta charset="UTF-8

绝地灬酷狼/ 2023年10月11日 19:39/ 0 赞/ 10 阅读

相关利用python制作简易四则计算器

以下代码仅仅是实现了在输入框内输入数字与运算符进行计算，使用按钮进行输入的功能由于时间问题尚未开发出来，稍后有时间会继续开发的，未完待续… from tkinter

分手后的思念是犯贱/ 2023年07月05日 10:22/ 0 赞/ 109 阅读

相关 js制作简易计算器

制作能进行加减乘除的简易计算器，主要是练习动态注册事件。因以练习为主，所以包含了较多基础方法。效果图 ![20191011122912532.gif][] 代码

╰+哭是因爲堅強的太久メ/ 2023年06月06日 10:50/ 0 赞/ 52 阅读

相关 JavaScript，ES6语法制作简易计算器

JavaScript，ES6语法制作计算器 1、先看效果： 2、HTML主体部分 3、css样式部分： 4、js部分

超、凢脫俗/ 2023年01月15日 03:44/ 0 赞/ 154 阅读

相关利用原生javascript制作简易计算器

第一步：利用html构建好计算器的大概形状样式 <table> <tr> <td colspan="4" ><input i

港控/mmm°/ 2022年11月25日 11:43/ 0 赞/ 191 阅读

相关 JavaScript实现一个简易的计算器

写在最前的一些‘废话’ 大概从六月十号左右开始就一直在为期末考试（大部分）还有保研忙，本来计划的一个周至少有一天可以安心写代码，但发现计划赶不上变化，刚开始的第一周还可以有时

淩亂°似流年/ 2022年09月23日 10:56/ 0 赞/ 207 阅读

相关 java制作简易计算器

1.首先思考一下制作计算器需要哪些Swing组件，下面列出一些制作计算器的一些常用组件： JFrame Jpanel JButton JTextField 2.选用布局管理

忘是亡心i/ 2022年07月15日 11:07/ 0 赞/ 205 阅读

相关 javascript实现简易计算器

javascript实现简易计算器，只有两个input输入框，简单实现加减乘除： <!DOCTYPE html> <html> <head>

小灰灰/ 2022年05月17日 07:34/ 0 赞/ 287 阅读

相关利用JavaScript制作一个简易计算器

在学习javascript过程中，利用了标签和标签，制作了一个简单的计算器。 function jia()\{ var n1 =doc

拼搏现实的明天。/ 2022年05月13日 22:35/ 0 赞/ 239 阅读