js 开关灯特效

news/2024/7/19 13:03:42 标签: js
<input type="button" value="关灯"></input>

<script>
    var getbody = document.body;                                //获取body元素   
    var getbutton = document.querySelector('input');   //获取按钮元素
    var flag = true;                                                       //设置一个变量
    getbutton.onclick = function() {
        if (flag == true) {
            getbody.style.backgroundColor = 'black';
            flag = false;
            getbutton.value = '开灯';
        } else {
            getbody.style.backgroundColor = '#fff';
            flag = true;
            getbutton.value = '关灯';
        }

    }
</script>

在这里插入图片描述
在这里插入图片描述


http://www.niftyadmin.cn/n/1570408.html

相关文章

JQuery下载

1、打开官网 2、点击下载按钮 这里面有生产版本还有开发者版本等&#xff0c;选择第一个生产版本就行 Download the compressed, production jQuery 3.6.0 3、会出现很多代码 不用担心&#xff0c;直接 ctrls 保存即可

bootstrap标签页的使用

1、进入bootstrap官网 https://bootstrap.css88.com/ 点击下载 2、点击js插件 3、找到标签页 4、引入jquery&#xff0c;js&#xff0c;css文件 找到刚才下载到bootstrap包 jquery下载地址 https://jquery.com/ 打开这个页面&#xff0c;直接ctrls保存到项目组即可 ⚠…

搭建简易的web服务器

var http require(http); //引入http模块 var server http.createServer(); // 返回一个server实例 server.on(request,function(request,response){ //注册request请求事件console.log(收到客户端的请求了&#xff0c;路径…

mac连接mongodb数据库

1、mongodb.com下载mac版 2、终端查看是否安装成功 mongod --version3、启动数据库 //切换到mongodb中的bin目录&#xff0c;执行操作 ./mongod --dbpath /usr/local/data ./mongo4、连接数据库 mongo

面试题:软连接和硬链接介绍

Linux系统引入了两种链接&#xff0c;硬链接&#xff08;hard link&#xff09;与软连接&#xff08;又称符号链接&#xff0c;即soft link或symbolic link&#xff09; ln 命令语法格式 NAMEln - make links between filesSYNOPSISln [OPTION]... [-T] TARGET LINK_NAMEln […

shell字符串处理总结

1. 字符串切片 1.1 基于偏移量取字符串 返回字符串变量 string 的字符的长度 ${#string}&#xff0c;一个汉字算一个字符 示例 [rootcentos8 script]#str" I Love Python " [rootcentos8 script]#echo ${#str} 15 [rootcentos8 script]#返回字符串变量var中从第o…

shell算数运算方法总结

算术运算 Shell允许在某些情况下对算术表达式进行求值&#xff0c;比如:let和declare 内置命令&#xff0c;(( ))复合命令和算术扩 展。求值以固定宽度的整数进行&#xff0c;不检查溢出&#xff0c;尽管除以0 被困并标记为错误。运算符及其优先级&#xff0c;关 联性和值与C语…

使用 docker 进行 ElasticSearch7.10 + Kibana7.10 集群搭建

在Docker容器中运行Elasticsearch Kibana和Cerebro 1. 安装docker和docker compose 安装docker # 安装 docker 社区版 yum -y install docker-ce docker-ce-cli containerd.io # 启动 Docker systemctl start docker # 查看 docker 版本 docker version # 开机启动 Docker s…