1.5 用JS实现简易计算器的加减乘除功能

最新推荐文章于 2023-12-22 09:40:00 发布

小脆筒style

最新推荐文章于 2023-12-22 09:40:00 发布

阅读量2.9k

点赞数 4

分类专栏： JavaScript 文章标签： javascript css js 前端

本文链接：https://blog.csdn.net/weixin_46672830/article/details/115647044

版权

JS实现简易计算器

背景

设计一个简易计算器，具有能对两个操作数进行加、减、乘、除运算的简易计算器。需要正确的设计Web前端页面，能正确进行数据类型的转换，能正确使用选择结构，在JavaScript中定义函数，通过按钮事件调用定义好的JavaScript函数。
设计页面
使用合适的开发工具，设计计算器的页面
小脆筒
先把 01.jpg 和 02.jpg 图片下载下来放在同一层目录下

01.jpg
在这里插入图片描述
02.jpg

代码实现

1. index.html页面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>计算器</title>
  <link rel="stylesheet" type="text/css" href="style.css">

</head>
<body onload="onLoad()">
<script type="text/javascript" src="script.js"></script>
<div id="calculator">
  <div class="LOGO">
    <span class="name">简单的计算器</span>
    <span class="verson">@LSZ v1.0</span>
  </div>
  <div id="shuRu">
    <!--screen输入栏-->
    <div class="screen">
      <input type="text" id="screenName" name="screenName" class="screen" value="" onfocus="jsq(this)">
    </div>
  </div>
  <div id="keys">
    <!-- operators and other keys -->
    <!--第一排-->
    <input type="button" id="7" onclick="jsq(this.id)" value=&

最低0.47元/天解锁文章

小脆筒style

关注

4
点赞
踩
15

收藏

觉得还不错? 一键收藏
打赏
1
评论
1.5 用JS实现简易计算器的加减乘除功能

JS实现简易计算器背景设计一个简易计算器，具有能对两个操作数进行加、减、乘、除运算的简易计算器。需要正确的设计Web前端页面，能正确进行数据类型的转换，能正确使用选择结构，在JavaScript中定义函数，通过按钮事件调用定义好的JavaScript函数。设计页面使用合适的开发工具，设计计算器的页面先把 01.jpg 和 02.jpg 图片下载下来放在同一层目录下01.jpg02.jpg代码实现1. index.html页面<!DOCTYPE html><ht
复制链接

扫一扫