基于BootStrap+JavaScript语言简易计算器的实现
发布时间:2021-08-26 09:48
利用BootStrap框架中栅格系统实现了计算器界面的设计,网页交互脚本技术JavaScript实现了计算器计算操作,完成计数器中加、减、乘、除功能。通过实践,该设计具有强大的实用性,界面简洁,功能合理,给用户提供了很多的便利。
【文章来源】:太原学院学报(自然科学版). 2020,38(01)
【文章页数】:4 页
【部分图文】:
界面视图
本次设计计算器界面分为5行4列,采用最近较为流行的BootStrap的栅格系统[1]中为中超小屏幕的水平排列方式,这种方式由行与列的组合创建页面布局的,可以在手机和PC机及平板电脑上查看。其中运算结果文本框区域和清零框区域放置在固定宽度container容器中嵌套的1个row行中,其余按钮上显示的数字字符和运算符字符则分别放置在另一个固定宽度container容器中嵌套的4个row行中,计算器的栅格系统布局图如图2所示。3.3 html代码
【参考文献】:
期刊论文
[1]用HTML+CSS+JavaScript实现计算器的设计[J]. 于万国. 衡水学院学报. 2014(04)
[2]基于JAVA的简单计算器的设计与实现[J]. 任凯. 电脑知识与技术. 2011(15)
本文编号:3364015
【文章来源】:太原学院学报(自然科学版). 2020,38(01)
【文章页数】:4 页
【部分图文】:
界面视图
本次设计计算器界面分为5行4列,采用最近较为流行的BootStrap的栅格系统[1]中为中超小屏幕的水平排列方式,这种方式由行与列的组合创建页面布局的,可以在手机和PC机及平板电脑上查看。其中运算结果文本框区域和清零框区域放置在固定宽度container容器中嵌套的1个row行中,其余按钮上显示的数字字符和运算符字符则分别放置在另一个固定宽度container容器中嵌套的4个row行中,计算器的栅格系统布局图如图2所示。3.3 html代码
【参考文献】:
期刊论文
[1]用HTML+CSS+JavaScript实现计算器的设计[J]. 于万国. 衡水学院学报. 2014(04)
[2]基于JAVA的简单计算器的设计与实现[J]. 任凯. 电脑知识与技术. 2011(15)
本文编号:3364015
本文链接:https://www.wllwen.com/kejilunwen/jisuanjikexuelunwen/3364015.html