JS数据类型 灯泡开关

JS数据类型 灯泡开关

数据类型:

<!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>
</body>
</html>
<script>
    var valuel= "123";  //string
    var value2= 0;      //number
    var value3= null;   //null
    var value4;         //NaN
    var value5= true;   //boolean
    var value6= "a"-1; console.log(typeof(value1)); //string
    console.log(typeof(value2));    //number
    console.log(typeof(value3));    //object
    console.log(typeof(value4));    //undefined
    console.log(typeof(value5));    //boolean
    console.log(typeof(value6));    //number
</script>

灯泡开关:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            margin: 0 auto;
            text-align: center;
        }
    </style>
</head>
<body>
    <div>
        <img src="img/pic_bulboff.gif"/>
        <br>
        <input type="button" id="kai" value="开"/>
        <input type="button" id="guan" value="关"/>
    </div>
</body>
</html>
<script>
    var img = document.getElementsByTagName('img')[0];
    var buttonKai = document.getElementById('kai');
    buttonKai.onclick = function(){
        img.src = 'img/pic_bulbon.gif';
    }
    var buttonGuan = document.getElementById('guan');
    buttonGuan.onclick = function(){
        img.src = 'img/pic_bulboff.gif';
    }
</script>

所需图片文件:

pic_bulboff.gif 关灯图片
pic_bulbon.gif 开灯图片

给TA打赏
共{{data.count}}人
人已打赏
编程专区

JavaScript使用方法

2021-12-14 11:58:00

编程专区

利用运算符制作计算器

2021-12-15 11:53:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索