超简单计算器实现及一个登录注册项目

最新推荐文章于 2024-01-15 18:12:33 发布

在你隔壁的香飘飘

最新推荐文章于 2024-01-15 18:12:33 发布

阅读量145

点赞数

分类专栏：简单JS操作 html基础入门文章标签： html css javascript

本文链接：https://blog.csdn.net/ZYuAYuLuuu/article/details/117807576

版权

html基础入门同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

简单JS操作

3 篇文章 0 订阅

订阅专栏

实现一个简单计算器，实现加减乘除运算：

<!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>Document</title>
    <script type="text/javascript">
        function count() {
            var a = parseInt(document.getElementById("txt1").value);
            //获取第一个输入框的值
            var b = parseInt(document.getElementById("txt2").value);
            //获取第二个输入框的值
            var selectSign = document.getElementById("select").value;
            var answer = "";
            //获取选择框的值
            switch (selectSign) {
                case "+":
                    answer = a + b;
                    break;
                case "-":
                    answer = a - b;
                    break;
                case "*":
                    answer = a * b;
                    break;
                case "/":
                    answer = a / b;
            }

            document.getElementById("fruit").value = answer;


        }
    </script>
</head>

<body>
    <input type='text' id='txt1' />
    <select id='select'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type='text' id='txt2' /> =
    <input type='text' id='fruit' />

    <br>
    <br>
    <input type='button' value='计算' onclick="count()" />
</body>

</html>

这是一个简单的注册登录界面：

用户能够注册账号并且登录，姓名密码均要核验，若不符合要求界面弹出相应提示，登录成功后界面图片旋转效果（布局背景图片来源于网络，若有侵权，告之即删）；

使用localstorage 存储用户信息，界面布局美观操作简便；

是一个比较综合的项目，需要较强的工程能力：

在你隔壁的香飘飘

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
超简单计算器实现及一个登录注册项目

这是一个解码游戏：<!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"> &lt
复制链接

扫一扫