JavaScript变量初学例题

lerrel1

已于 2023-08-24 13:33:07 修改

阅读量143

点赞数

文章标签： javascript 前端 vue.js

于 2023-08-09 22:04:05 首次发布

本文链接：https://blog.csdn.net/lerrel1/article/details/132198256

版权

关于变量的简单小问题

1、将以下内容显示出来

我叫旗木卡卡西，我住在火影村，我今年三十岁了，我的邮箱是kakaxi@itcast.cn，我的工资是2000

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var name = '旗木卡卡西'
        var address = '火影村'
        var age = '30'
        var email = 'kakaxi@itcast.cn'
        var gz = '2000'

        console.log(name);
        console.log(address);
        console.log(age);
        console.log(email);
        console.log(gz);
    </script>
</head>
<body>
    
</body>
</html>

2、弹出用户名

1.弹出一个输入框，提示用户输入姓名。

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>
    <script>
       var myname = prompt('请输入您的名字')
        alert(myname)
    </script>
</head>
<body>
    
</body>
</html>

3、小明今年18岁，小胡比小明大10岁，请问小胡今年多大?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1、声明一个变量,用来存储小明的年龄
        var xiaoming_age = 18;
        //2、声明一个变量,用来存储小胡的年龄
        var xiaohu_age;
        //3、通过小明的年龄运算给小胡赋值
        xiaohu_age = xiaoming_age + 10;
        //4、输出小胡的名字
        //警告框弹出
        alert("小胡的年龄是:"+xiaohu_age);
        //控制器查看
        console.log("小胡的年龄是:"+xiaohu_age)
    </script>
</head>
<body>
    
</body>
</html>

4、在淘宝网购物，一件衣服89.9元，如果买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>
    <script>
        //声明一个变量，用来存储衣服价格
        var price = 89.9;
        //声明一个变量，用来存储衣服数量
        var count = 5;
        //通过运算得出衣服总价
        var money = price * count;
        //输出衣服的总价
        console.log("衣服的总价格是：" + money)
    </script>
</head>

<body>

</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>
    <script>
        //一：使用临时变量
         var num1=20
         var num2=30
         var num3=num1
             num1=num2
             num2=num3
         console.log("num1:"+num1,"num2:"+num2)
          
        //二：不使用临时变量
         var n1 = 5;
         var n2 = 6;
         n1 = n1 + n2; //5+6=11
         n2 = n1-n2; //11-6=5
         n1 = n1-n2; //11-5=6
         console.log(n1,n2);
    </script>
</head>

<body>

</body>

</html>