初级前端手写系列你能写几题？

最新推荐文章于 2023-02-22 13:54:00 发布

浮木盲龟

最新推荐文章于 2023-02-22 13:54:00 发布

阅读量138

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/m0_65892856/article/details/124849443

版权

1.手写一个计算器。<!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"> ...

摘要由CSDN通过智能技术生成

1.手写一个计算器。

<!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>
</head>
<body>
    <div id="app">
        <div>
            <div>
                <span>数值:A</span>
                <input type="number" v-model="Anumerical">
            </div>
            <div>
                <span>数值:B</span>
                <input type="number" v-model="Bnumerical">
            </div>
        </div>
        <div>
        <button @click="hanshu(1)">+</button>
        <button @click="hanshu(2)">-</button>
        <button @click="hanshu(3)">X</button>
        <button @click="hanshu(4)">/</button> 
        <button @click="ling">重置</button>
        </div>
    </div>
    <script src="./vue.js"></script>
    <script>
        var guan = new Vue({
            el: '#app',
            data: {
                Anumerical: '',
                Bnumerical: ''
            },
            methods: {
                hanshu: function (z) {
                    if (this.Bnumerical) {
                        switch (z) {
                            case 1:
                            this.Anumerical = this.Anumerical * 1 + this.Bnumerical * 1
                               break;
                            case 2:
                            this.Anumerical = this.Anumerical - this.Bnumerical
                                break;
                            case 3:
                             this.Anumerical = this.Anumerical * this.Bnumerical
                                break;
                            case 4:
                            this.Anumerical = this.Anumerical / this.Bnumerical
                                break;
                            default:
                                break;
                        }
                        this.Bnumerical = ''
                    } else {
                        alert('请输入数值')
                    }
                },
                ling: function () {
                    this.Anumerical = '',
                        this.Bnumerical = ''
                }
            }
        })

    </script>
</body>
</html>

2.实现一个函数，对给定数组的value做去重后相乘&#x

最低0.47元/天解锁文章

浮木盲龟

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
初级前端手写系列你能写几题？

1.手写一个计算器。<!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"> ...
复制链接

扫一扫