前端学习(2244):计算器显示问题
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>奥里给!</title><style type="text/css">.a {height: 100px;width: 450px;border: 3px solid black;background-color: beige;font-size: 50px;}#b {height: 570px;width: 450px;border: 2px solid black;background-color: pink;font-family: 隶书;font-size: 20px;}.c {height: 90px;width: 100px;border: 1px solid black;background-color: aquamarine;float: left;font-size: 60px;color: brown;margin: 8px;border-radius: 30px;}.d {height: 90px;width: 75px;border: 1px solid black;margin: 8px;float: left;background: sandybrown;font-size: 50px;color: brown;border-radius: 30px;}.e {height: 90px;width: 100px;border: 1px solid black;background-color: sandybrown;float: left;font-size: 45px;color: brown;margin: 8px;border-radius: 30px;}.e:hover {background: skyblue;color: white;transform: scale(1.08, 1.08);}.d:hover {background: skyblue;color: white;transform: scale(1.08, 1.08);}.c:hover {background: plum;color: aliceblue;transform: scale(1.08, 1.08);}</style>
</head><body><center><div class="a" id="resultInput"></div><div id="b"><button class="c" onclick="printResultInput(this)" value="1">1</button><button class="c" onclick="printResultInput(this)" value="2">2</button><button class="c" onclick="printResultInput(this)" value="3">3</button><button class="d" onclick="printResultInput(this)" value="+">+</button><button class="c" onclick="printResultInput(this)" value="4">4</button><button class="c" onclick="printResultInput(this)" value="5">5</button><button class="c" onclick="printResultInput(this)" value="6">6</button><button class="d" onclick="printResultInput(this)" value="-">-</button><button class="c" onclick="printResultInput(this)" value="7">7</button><button class="c" onclick="printResultInput(this)" value="8">8</button><button class="c" onclick="printResultInput(this)" value="9">9</button><button class="d" onclick="printResultInput(this)" value="*">*</button><button class="e" onclick="printResultInput(this)" value=".">.</button><button class="c" onclick="printResultInput(this)" value="0">0</button><button class="e" onclick="count()">=</button><button class="d" onclick="printResultInput(this)" value="/">/</button><button class="e" onclick="tuige()">
前端学习(2244):计算器显示问题相关推荐
- 【FE前端学习】第二阶段任务-基础
技能学习部分: 1.需要熟练掌握HTML标签以及CSS各个常用属性. 2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握 上文 [FE前端学习]第二阶段任务- ...
- hbuilder前端需要的插件_最新web前端学习路线
随着互联网的深入发展,前端开发工程师已成为市场上极具竞争力的人才.许多学生,包括以前的UI,java,或完全零基础,想学习的前端.下面的思维导图是在互联网上广泛传播的前端学习地图.许多初学者说,当他们 ...
- html 表单自动数值,web前端学习技术之对HTML5 智能表单的理解
原标题:web前端学习技术之对HTML5 智能表单的理解 Html5新增input的form属性,用于指向特定form表单的id,实现input无需放在form标签之中,即可通过表单进行提交. - t ...
- 前端学习路线_前端学习路线图
2020年全新前端学习路线图分享给大家! 学习是一个循序渐进的过程,是一件非常难得坚持的事情.如果真的想学习前端开发,一定要下决心! 我这里分享给你的前端学习路线图,希望对你有帮助,以下为2020年更 ...
- 2020年最新前端学习路线
这段日子在 B 站上收到小伙伴最多的要求就是出一个前端学习路线,我能够充分的感受到大家抓耳挠腮加挠墙的迷茫~所以在这里给大家总结了一套前端学习路线.先从初级前端工程师所需的技能开始,然后一路升级到高级 ...
- 2017-2-15从0开始前端学习笔记(HTML)-图片-表格-表单
2017-2-15从0开始前端学习笔记-图片-表格-表单 标签 图片 图片<img src="#" alt="文本说明 不能加载图片时显示" title= ...
- 如何使用jquery_好程序员web前端学习路线分享jQuery学习技巧
好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! ...
- 前端学习资料及路线名称网站
IT前端学习资料及路线 名称 网站 JQuery文件网 https://code.jquery.com/jquery/ jQuery手册(pc端) http://jquery.cuishifeng.c ...
- 入门前端学习路线图【送书】
大家好,我是若川.记得点上方音频听小姐姐配音,超级好听. 华章图书又赞助了书籍送福利给大家.本次送4本书的抽奖方式是:截止到9月6日(周一)20:00,在留言区留言任意内容.我会在留言区抽取「1位」关 ...
- css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇
web前端学习路线分享CSS浮动-清除浮动篇,为什么要清除浮动 这里所说的清除浮动,并不是不要浮动了,而是清除浮动与浮动之间的影响.那么到底会有什么影响呢? 1.高度塌陷 举个例子我们看一下. 我们在 ...
最新文章
- java坐标点对称点的输出,编程java来确定一个对称的单词
- UVA 1625 Color Length DP
- ideaspringboot项目上传服务器_PHP中使用 TUS 协议来实现可恢复文件上传
- std::make_unique和 std::make_shared区别
- 自己手写代码实现下拉刷新(对于小项目第三方库太占资源)
- 敏捷开发“松结对编程”实践之五:代码检查篇(大型研发团队,学习型团队,139团队,师徒制度,代码审查)...
- java for while do-while 循环的经典题
- PCL 显示一只小白兔和Eigen矩阵
- 模拟登陆qq空间实现(3)
- ESP8285+WS2812+MAX9814制作的音乐律动氛围灯
- st语言 数组的常用方法_三菱ST语言教学(2)——数组的使用
- 使用Arduino驱动 ADS1115 ADC采样芯片
- PS—制作 抖音 图标
- Linux面试常考命令
- 教案用计算器计算机,用计算器计算教案
- 美元用计算机怎么算,美金人民币汇率换算(人民币兑换率计算器)
- iPhone 12手机真实信号强度查看方法教程
- 见缝插针小程序php,抖音小程序怎么开通
- 再见2019,你好2020,属(鼠)于我的年华
- 文本输出API函数:TextOut,ExtTextOut,DrawText,DrawTextEx,PolyTextOut,TabbedTextOut
热门文章
- Centos7.5 VMtools的安装与卸载
- 【design pattern】工厂方法模式和抽象工厂模式
- 参数依赖查找(ADL,Argument-dependent lookup)
- jquery 统计统计子标签的个数
- java.lang.NoClassDefFoundError: org/aspectj/weaver/reflect/ReflectionWorld$ReflectionWorldException
- 为什么每天感觉没精神
- EF 6 code first - 从SQL server迁移到MySQL
- HTTPS下导出excel失败解决办法
- django 创建mysql失败_创建表时出现Django MySQL错误
- python测试字符串类型的函数_python-02 数据类型 字符串str