博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器
阅读量:6229 次
发布时间:2019-06-21

本文共 1849 字,大约阅读时间需要 6 分钟。

一.利用刚学过的前端知识做一个简易的计算器

里边使用到了HTML,CSS,JavaScript以及JQuery的知识代码如下:
(1)利用CSS设计了计算器外形样式;
(2)利用JavaScript实现了建议计算器的功能;
代码:

            
简易计算器
使用时请单击电脑界面的网络手机按钮,弹出手机界面(再次单机会关闭网络手机界面), 单机网络手机主菜单按钮(下方圆键),解除手机锁屏(再次单机会继续锁屏),单机手机界面计算器按钮,打开计算器, 进行四则运算 点击提示框可以隐藏提示框.

作者:齐涛

网络手机
时间显示
C
退格
%
/
7
8
9
*
4
5
6
-
1
2
3
+
0
.
=
计算器

运行结果展示:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

点击左边的提示框:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

点击屏幕上的网络手机图标:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

点击手机圆形主菜单按钮:
Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

点击手机上的计算器按钮:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

例输入23+45求和:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

点击清空:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

再例如(2+3)*5:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

小数点运算23.4*45.6:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

输入788:
Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器
点击退格:
Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

点击主菜单键关机

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

点击网络手机关闭计算器:

Java(随笔)——利用HTML,CSS,JavaScript,JQuery编写的简易计算器

【简易计算器制作完毕】

转载于:https://blog.51cto.com/13501268/2133062

你可能感兴趣的文章
IOS之分析网易新闻存储数据(CoreData的使用,增删改查)
查看>>
php获取一维,二维数组长度的方法(有实例)
查看>>
iOS:KVO的概述与使用
查看>>
CLI使用案例4:灵活配置CLI
查看>>
Oracle12C 单实例dataguard配置
查看>>
MySQL入门介绍
查看>>
记JIRA服务,数据迁移,安装配置
查看>>
Linux下面监控系统性能的工具-vmstat
查看>>
Java Collection集合方法
查看>>
MySQL备份与恢复
查看>>
Linux---管理网络
查看>>
Can't load '/usr/lib/perl5/site_perl/5.8.5/i386-linux-thread-multi/auto/DBD/mysql/mysql.so&#
查看>>
Ubuntu下nagios安装pnp4nagios插件
查看>>
PMP考试心得
查看>>
mariadb 实用功能3 修改表结构显示进度
查看>>
HSRP/VRRP网关冗余协议
查看>>
2.3 salt 初始化系统
查看>>
python2.7 MySQLdb insert
查看>>
47.磁盘格式化
查看>>
ansible安装tomcat_msm
查看>>