javascript做一个计算器,javascript简易计算器

chatgpt002

于 2023-11-02 13:33:36 发布

阅读量480

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.youkuaiyun.com/chatgpt002/article/details/134180216

本篇文章给大家谈谈怎么用javascript做一个简单的计算器，以及利用javascript制作简单的计算器，希望对各位有所帮助，不要忘了收藏本站喔。

最近在学JavaScript，正好老师让做一个简单的计算器，我就乘此机会练练手吧

我做的效果如下：

在这里插入图片描述

参考程序：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模拟计算器</title>
    <style>
        button {
            width: 39px;
            height: 30px;
            background-color: rgb(102, 240, 102);
        }

        button:hover {
            background-color: black;
            color: rgb(255, 249, 237);
        }

        button:active {
            background-color: rgb(79, 72, 72);
            color: white;
        }
        table{
            background: rgb(192, 248, 109);
        }
    </style>
</head>

<body>
    <div>
        <table border="1px">
            <tr style="text-align: center;">