if-else案例–开关灯(代码片段)

ccxi ccxi     2022-12-22     613

关键词:

首先,在创建一个html页面,创建一个div盒子,用css设置相应的样式,用js获取盒子的元素,通过点击事件,设置body的背景颜色,用if..else来判断当什么状态设置相应的颜色,(swith...case同理)
 
break:跳出当前循环
continue:结束本次循环
 
.css
<style type="text/css">
*
margin: 0;
padding: 0;

html,body
width:100%;
height:100%;
background: white;

#box
width:100px;
height:100px;
margin:50px auto;
background: red;
text-align: center;
line-height: 100px;
color:white;
cursor: pointer;

</style>

.html

<div id="box">点我啊</div>

.js

<script>
// 操作谁,就要先获取谁
var oBox = document.getElementById("box");
// 给oBox这个元素绑定一个点击事件;当点击这个盒子的时候,触发后面的function里面的代码;
// 获取body 元素:document.body
console.log(document.body);
oBox.onclick = function () 
// 当页面现在是白色时,让它变成黑色,
// 如果本来就是黑色,让它变成白色;
// 获取
//style:background:""
var curBg = document.body.style.background;
console.log(curBg);
/* if(curBg=="" || curBg=="white")
console.log(100);
document.body.style.background = "black";
else if(curBg=="black")
console.log(200);
document.body.style.background = "red";
else if(curBg==="red")
document.body.style.background = "white";
*/
switch (curBg)
case "":
document.body.style.background = "black";
break;
case "black":
console.log("red");
document.body.style.background = "red";
break;
case "red":
document.body.style.background = "white";
break;
case "white":
document.body.style.background = "";
break;


// 黑白
// 红-->黄色-->蓝色--> 黑色-->红
// 先用if else 在用switch case;
 
</script>

 

 

arduino开关控制小灯持续亮之具体思路(代码片段)

Arduino开关控制小灯持续亮之具体思路为什么写这篇文章:我们用开关控制灯的亮灭的时候,希望只需要按一下按键就可以做到灯一直亮着。而在《Arduino魔法书》中——有弹性的按键这一节主要讲了消除抖动函数,但是没有讲这... 查看详情

codevs1690开关灯(代码片段)

这道题需要支持区间修改和区间询问,因此采用线段树加以维护。由于求的是开着的灯的数目,因此维护sum:区间[l,r]中开着的灯的数目。tag取做0/1,表示区间是否反转,在进行标记下传时,如果tag=1,则下传,否则返回。(tag... 查看详情

esp32与ros2的开关灯(代码片段)

单片机开关灯是必须的,如何告知ros2,这里用主题方式实现。需要先阅读:esp32与ros2的欢乐启程https://blog.csdn.net/ZhangRelay/article/details/120229431?spm=1001.2014.3001.5501开关灯的示例如下:#include<WiFi.h>cons 查看详情

java编写开关灯游戏的二维数组如图显示代码在图下面(代码片段)

**Java编写开关灯游戏的二维数组如图显示代码在图下面**importjava.util.Scanner;publicclassTest publicstaticvoidmain(String[]args) //TODOAuto-generatedmethodstub Scannerscanner=newScanner(System.in); int[][]arrays= 查看详情

python仿真开关案例陈述(代码片段)

查看详情

灯lights[usaco09nov](代码片段)

...也可以用搜索写。所以我选择搜索。  可以发现每一个开关最多只用操作一次(因为开关两次等于不动,何必浪费步数呢?),所以我们可以考虑每个开关的状态,一共有2^n次方种情况,复杂度过高。  我们考虑一下优化。... 查看详情

actionscript3基本开关...案例语法(代码片段)

查看详情

poj1222开关问题(代码片段)

...6列的0,1矩阵,代表着灯的亮灭,0灭,1亮。对一个灯进行开关转换时,它的上下左右灯都会转换。要让所有灯都灭(就是让它全为0)。问方案,不是最小操作数!!!这题是从挑战程序设计竞赛来的。(可以先看较简单的一道... 查看详情

codeforces985b题解(代码片段)

题意有$n$个开关和$m$盏灯,给定一个矩阵$a(a_i,j\in[0,1])$,若$a_i,j=1$则说明开关$i$与第$j$盏灯连接.初始时所有灯都是关闭的.按下某开关后,所有与这个开关连接的灯将会打开,已经打开的不会关闭.现在你需要去掉一个开关,使得按下剩... 查看详情

算法刷题acwing95.费解的开关——递推(代码片段)

...2525盏灯排成一个5×55\\times55×5的方形。每一个灯都有一个开关,游戏者可以改变它的状态。每一步,游戏者可以改变某一个灯的状态。游戏者改变一个灯的状态会产生连锁反应:和这个灯上下左右相邻的灯也要相应地... 查看详情

stm32f43.gpio按键输入,实现开关灯(代码片段)

voidLED_Init(void)//GPIOF9初始化设置GPIO_InitTypeDefGPIO_InitStructure;RCC_AHB1PeriphClockCmd(RCC_AHB1Periph_GPIOF,ENABLE);//使能GPIOF时钟GPIO_InitStructure.GPIO_Pin=GPIO_Pin_9;//LED对应IO口GPIO_InitStructure.GP 查看详情

用css3快速实现呼吸灯效果-案例(代码片段)

呼吸灯效果 核心@keyframesbreath fromopacity:0.1;/*动画开始时的不透明度*/ 50%opacity:1;/*动画50%时的不透明度*/ toopacity:0.1;/*动画结束时的不透明度*/源码-在线展示<!DOCTYPEhtml><html> <head> <metacharset=& 查看详情

b1230[usaco2008nov]lites开关灯线段树(代码片段)

就是线段树维护异或和。之前我线段树区间修改down都是修改当前区间,结果debug出不来,改成每次向下了。题干:DescriptionFarmerJohn尝试通过和奶牛们玩益智玩具来保持他的奶牛们思维敏捷.其中一个大型玩具是牛栏中的灯.N(2<=N&... 查看详情

开关案例(代码片段)

开关案例代码实现步骤 [1]先在构造方法里面获取2张背景图片的宽和高publicToggleView(Contextcontext,@NullableAttributeSetattrs)super(context,attrs);tbg=BitmapFactory.decodeResource(getResources(),R.drawable.toogle_background);sbg=BitmapFactory.decodeResource(getResources... 查看详情

[vijos1197]费解的开关(代码片段)

枚举第一行的点击方案。则点完后剩余的黑灯只能由第二行同一列的点击来弥补并且第二行除了弥补第一行的黑灯之外,不能点其他灯,否则会使第一行的灯灭上述构成了递推关系,则递推到最后一行即可。二进制位运算优化;... 查看详情

fpga教程案例61硬件开发板调试1——初识fpga开发板,通过verilog控制led灯,按键开关等

FPGA教程目录MATLAB教程目录--------------------------------------------------------------------------------------------------------------------------------目录1.软件版本2.开发板概述3.管脚约束文件编写 查看详情

2021爱智先行者—软件入门及远程控制开关灯(代码片段)

【本文正在参与"2021爱智先行者-征文大赛"活动】https://bbs.csdn.net/topics/602601454上一篇介绍硬件的最后说了,嵌入式应用中的体验好坏最后还是得看软件,这也是很多嵌入式平台的弱点,很多是硬件强悍,但是... 查看详情

一本通1109开关灯(代码片段)

...n+1],b[n+1]; for(inti=1;i<=n;i++) a[i]=i; b[i]=1;//用1或-1来判断开关 for(intj=1;j<=m;j++) for(inti=1;i<=n;i++) if(a[i]%j==0) b 查看详情