用HTML，CSS，JS制作一个网页计算器

最新推荐文章于 2023-04-11 10:52:51 发布

宋丹尼尔

最新推荐文章于 2023-04-11 10:52:51 发布

阅读量3.3k

点赞数 5

分类专栏：学习记录文章标签： js html javascript java

本文链接：https://blog.csdn.net/ilikeu777/article/details/115261910

版权

本文分享了一篇关于如何使用HTML、CSS和JavaScript制作网页计算器的教程，详细讲解了body和head部分的内容，并介绍了JQuery的引入及使用，通过实例展示了JQuery的便利性。

摘要由CSDN通过智能技术生成

今天分享一个自己做的网页计算器，我个人感觉，虽然不精简，但是应该涉及到的东西都有了，所以分享出来，那我直接上代码了。

<html>
<head>
    <meta charset="utf-8">
    <title>我的计算器</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        function myck(type) {
   
            var inputNumber1 =jQuery("#number1");
            var inputNumber2 = jQuery("#number2");
            var inputEnd = jQuery("#result");
            if(type==1){
   
                if(inputNumber1.val().trim()==""){
   
                    alert("输入不能为空");
                    return false;
                }
                if(inputNumber2.val().trim()==""){
   
                    alert("输入不能为空");
                    return false;
                }
                var end = parseInt(inputNumber1.val()) + parseInt(inputNumber2.val());
                inputEnd.html("<p style='background-color: aqua'>最终结果：<strong style='color:red'>"+end+"</strong></p>");
            }
            if(type==2){
   
                if(inputNumber1.val().trim()==""){
   
                    alert("输入不能为空");
                    return false;
                }
                if(inputNumber2.val().trim()==""){
   
                    alert("输入不能为空");
                    return false;
                }
                var end = parseInt(inputNumber1.val()) - parseInt(inputNumber2.val());
                inputEnd.html(