JavaScript简易计算器制作

最新推荐文章于 2019-05-08 20:56:00 发布

Qiie

最新推荐文章于 2019-05-08 20:56:00 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：练习题文章标签：计算器

本文链接：https://blog.youkuaiyun.com/weixin_44382788/article/details/86631736

本文介绍了如何使用JavaScript制作一个简单的计算器，支持加减乘除四种基本运算。通过创建输入框、下拉菜单、按钮等元素，并用JavaScript实现计算功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

成品图
在这里插入图片描述
这个简易的计算器只能实现 + - * /的运算
在动手之前，我们要先理清思路，看图，若想实现这样一个简易的计算器，我们需要两个输入框用来存放我们需要进行运算的两个值，一个下拉框来选择要进行什么运算，一个按钮来实现开始运算，一个输入框来保存我们计算后的值！
首先，我们在body中制作页面需要的这些元素

<body>
    <input type="text" id="ipt1">
    <select name="" id="slt">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type="text" id="ipt2">
    <button id="btn">=</button>
    <input type="text" id="ipt3">
 </body>

上面的id你可随意起，好用就行
接下来就是最重要的JavaScript的地方了

<body>
    <script>
    	//获取页面标签的元素
        var inpt1 = document.getElementById("ipt1");
        var inpt2 = document.getElementById("ipt2");
        var inpt3 = document.