利用HTML、CSS、JavaScript做一个计算器

最新推荐文章于 2022-02-24 13:15:00 发布

码猿宝宝

最新推荐文章于 2022-02-24 13:15:00 发布

阅读量948

点赞数 5

本文链接：https://blog.csdn.net/qq_45841205/article/details/115215784

版权

这篇博客介绍了如何利用HTML、CSS和JavaScript创建一个简单的计算器。通过设置input标签读取数字，使用onclick属性处理按钮点击事件。JavaScript部分处理不同功能，通过jQuery选择器获取输入值，并使用alert和confirm函数实现交互。文章还详细解释了代码中各部分的作用，包括样式设置和按钮功能定义。

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

利用HTML、CSS、JavaScript做一个计算器

整体步骤：
利用input标签设置两个数字读入行，再利用input设置四个按钮，利用onclick属性导入点击按钮时的事件。
二话不说，放代码！！！！！！！！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算器</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
     function f(type) {
    
     var inputnum1=jQuery("#num1");
     var inputnum2=jQuery("#num2");
     if(type==1||type==2||type==3){
    
        if(inputnum1.val().trim()==""||inputnum2.val().trim()==""){
    
            alert("输入不能为空!");
            return false;
        }else{
    
            var end;
           if(type==1){
    
             end=parseInt(inputnum1.val())+parseInt(inputnum2.val());
           }else if(type==2){
    
                end=parseInt(inputnum1.val())-parseInt(inputnum2.val());
           }else{
    
                end=parseInt(inputnum1