JavaScript基础-变量案例

最新推荐文章于 2024-05-09 10:19:41 发布

Q _Q

最新推荐文章于 2024-05-09 10:19:41 发布

阅读量183

点赞数

分类专栏： JavaScript基础文章标签： javascript html css css3 前端

本文链接：https://blog.csdn.net/weixin_54021642/article/details/131368793

版权

JavaScript基础专栏收录该内容

23 篇文章 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>
    <!-- 
    需求：
        1. 声明一个变量，用于存放用户购买的商品 数量 为 20 件
        2. 声明一个变量，用于存放用户的 姓名 为 '张三'
        3. 依次控制台打印输出两个变量
    -->
    <script>
        let account = 20
        let name = '张三'
        console.log(account)
        console.log(name)
    </script>
</body>
</html>

<!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>
    <!-- 需求： 
        浏览器中弹出对话框： 请输入姓名，     
        页面中输出：刚才输入的姓名
    -->
    <script>
        let name = prompt('请输入姓名')
        document.write(`刚才输入的姓名: ${name}`)
    </script>
</body>
</html>

<!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>
    <!-- 
    需求：
        有2个变量： num1 里面放的是 10， num2 里面放的是20
        最后变为 num1 里面放的是 20 ， num2 里面放的是 10
    -->
    <script>
        let num1 = 10
        let num2 = 20
        let temp = 0  // 临时变量 中间容器

        console.log(`交换前`)
        console.log(`num1 = ${num1}`)
        console.log(`num2 = ${num2}`)
        
        temp = num1
        num1 = num2
        num2 = temp

        console.log(`交换后`)
        console.log(`num1 = ${num1}`)
        console.log(`num2 = ${num2}`)

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

<!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>
    <!-- 需求：让用户输入自己的名字、年龄、性别，再输出到网页-->
    <script>
        let name = prompt('名字:')
        let age = prompt('年龄:')
        let gender = prompt('性别:')

        document.write(`姓名：${name} <br>`)
        document.write(`年龄：${age} <br>`)
        document.write(`性别：${gender} <br>`)
    </script>
</body>
</html>