写一个简单的开关和红黄绿路灯

算数运算符：+ - * / %（取模运算符或取余）

1.运算浮点数(小数)是会有误差 。

2.如果在算术运算中前后出现字符串，并且使用+，必须使用字符串首尾相连的方式将内容连接

3.隐式转换：String（） Number（） Boolean（） Object()

4.如果运算过程中没有使用字符串，使用+符号，其他类型都会转换为数值，并且相加（隐式转换）。

5.所以类型遇到- * / %都会隐式转换为数值，然后运算的

var a="5";
var b=2;
console.log(a*b);//10

这个是用取模运算符写的。

开关：

<button id="bn">按钮</button>
<script>
     var bn=document.getElementById('bn');
        var sum=1;
        bn.onclick=function(){
            sum=sum+1;
            if(sum%2){
                bn.innerHTML="开";
            }else{
                bn.innerHTML="关";
            }
        }   
</script>

红黄绿 绿灯：

<div id="div0">字的颜色可以随余数变化</div>
<script>
       var div0=document.getElementById('div0');
        var col=0;
        div0.onclick=function(){
            col++;
            if(col%3==1){
                div0.style.color='red';
            }else if(col%3==2){
                div0.style.color='green';
            }else{
                div0.style.color="yellow";
            }
        } 
</script>

可以给div一个样式，不想写也可以：

<style>
        .div0{            
            width: 200px;
            height: 100px;      
        }
</style>