webgis入门之JavaScript（练习1）

李佩锦peijin

已于 2024-03-02 12:56:23 修改

阅读量360

点赞数 9

分类专栏： webgis开发文章标签： javascript 前端开发语言

于 2024-02-29 09:35:58 首次发布

本文链接：https://blog.csdn.net/weixin_67679364/article/details/136361970

版权

webgis开发专栏收录该内容

17 篇文章 3 订阅

订阅专栏

WEBGIS开发

1、通过三元表达式求三个数的最大值。

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 使用3元表达式求3个数的最大值
        function getMax(x, y, z) {
            let max1, max2
            max1 = x > y ? x : y
            max2 = max1 > z ? max : z
            return max2
        }

        x = prompt('x:')
        y = prompt('y:')
        z = prompt('z:')
        console.log(getMax(x,y,z))
    </script>
</body>

</html>

2、使用三种方式判断一个数是奇数还是偶数。

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 用三种方式判断一个数是奇数还是偶数？（三元，if，switch）
        function getInt() {
            x = Number(prompt('请输入一个整数')) 
            for (i = 0; i < 1000; i++) {
                if (Number.isInteger(x)) {
                    return x
                    break
                }
                x = prompt('请输入一个整数')
            }
        }
        function J(b) {
            if (b) {
                console.log('是偶数')
            } else {
                console.log('是奇数')
            }
        }
        function J1(x) {
            return x % 2 == 0 ? true : false
        }
        function J2(x) {
            if (x % 2 == 0) {
                return true
            } else {
                return false
            }
        }
        function J3(x) {
            switch (x % 2) {
                case 0:
                    return true
                    break
                case 1:
                    return false
            }
        }

        x = getInt()
        J(J2(x))
    </script>
</body>

</html>

3、打印倒三角形图案

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 打印倒三角
        for (let i = 5; i > 0; i--) {
            let row = '';
            for (let j = 0; j < i; j++) {
                row += '*';
            }
            console.log(row);
        }
    </script>
</body>

</html>

4、要求用户输入登录账号和密码，直到输入正确为止。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 请用户输入登录账号和密码（账户123  密码888）只要1个不正确，就全部重新输入。知道正确位置
        for(let i=0;i<1000;i++){
            account = prompt('账户：')
            password = prompt('密码：')
            if(account!=123 || password!=888){
                alert('账户密码不正确！')
                continue
            }else{
                break
            }
        }
    </script>
</body>
</html>

5、打印指定行数和列数的星星图案。

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 打印n行m列的星星（n和m由弹框录入）
        let n = prompt('多少行？');
        let m = prompt('多少列？');

        // 将字符串转换为数字
        n = parseInt(n);
        m = parseInt(m);

        for (let i = 0; i < n; i++) {
            let row = '';
            for (let j = 0; j < m; j++) {
                row += '*';
            }
            console.log(row);
        }
    </script>
</body>

</html>

6 、求出1到100之间既是3的倍数又是5倍数的数字之和。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 求出1到100之间的既是3的倍数，又是5倍数的数字之和
        for(let i=1;i<=100;i++){
            if(i%3==0 && i%5==0){
                console.log(i)
            }
        }
    </script>
</body>
</html>

7、根据存款金额决定购买何种级别的汽车。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 按存款买车
        let money = Number(prompt('有多少存款？')) 
        if(money>5000000){
            alert('可以雪铁龙DS9')
        }else if(money>1000000){
            alert('可以买雪铁龙C6')
        }else if(money>500000){
            alert('可以买雪铁龙C5')
        }else if(money>100000){
            alert('可以买雪铁龙爱丽舍')
        }else{
            alert('可以买捷安特')
        }
    </script>
</body>
</html>

李佩锦peijin

关注

9
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
webgis入门之JavaScript（练习1）

介绍了一系列与WEBGIS开发相关的前端交互和JavaScript编程实例。包括使用三元表达式求三个数的最大值、判断一个数是奇数还是偶数的三种方法、打印倒三角形、用户输入登录账号密码验证、打印星星阵列、求出1到100之间既是3的倍数又是5的倍数的数字之和、以及根据存款金额推荐购买车型等内容。
复制链接

扫一扫