for循环 函数

//01遍历一个数组
        //     var arr = [1,3,5,100,"爱你"];
        // for(var i=0;i<arr.length;i++){
        //     console.log(arr[i])
        // }
        
            //for循环思路
            //初始条件 i=0；

//2 案例 遍历节点：输出节点文本 p
            // var ps = document.querySelectorAll("p");
            // for(var i=0;<ps.length;i++){
            //     console.log(ps[i].innerHTML);
            // }
            //思路
            //初始条件 i = 0;
            //结束条件 i<ps.length;
            //操作输出 ps 节点i个元素文本内容
            //更新循环 i++

//3 案例 遍历给孟个p 注册click 执行click弹出文本
            var ps = document.querySelectorAll("p");
            for(var i=0;i<ps.length;i++){
                ps[i].onclick = function(){
                    //被单机的元素是this（谁通用这个函数是this）
                    alert(this.innerText);
                    this.classList.toggle("active");//切换类名
                }
                
            }
            //出  i=0；
            //结束 i<ps。length
            //操作给ps的i个元素注册事件 弹出值
            //更新 i++

// for(初始化条件;结束条件;更新条件){
            //     执行语句
            // }
            //for 循环 遇到break; 停止

    //for循环注意的点
            
            //注意i的值
            // for(var i=1; i<=5;i++){
            //     console.log(i);
            // }
            // alert(i);
            
            
            //死循环
            // for(var i=1; i<5;){
            //     console.log(i);
            // }
            
            //一次都不执行
            // var i = 10;
            // for(;i<=5;i++){
            // console.log(i);    
            // }

// for(var i=1;i<=5;i++){
            //     var can = confirm("是否还能坚持");
            //     if(!can){
            //         break;
            //     }
            //     console.log("我正在跑第"+i+"圈")
            // }
            

    
            // 一圈跑下来 确定喝水  就是各过一圈  不喝水 就下一圈
            // for(var i=1;i<=10;){
            //     var flag = window.confirm("是否喝瓶水");
            //     //如果不喝就继续跑
            //     if(flag){
            //         continue;
            //     }
            //     console.log("我正在跑第"+i+"圈");
                
            // }

//定义函数add，求参数的和
            function add(){
                // console.log(arguments,arguments)
                
                var sum = 0;
                //for 循环 初始i=0; 结束<arguments.length;i++
                for(var i=0;i<arguments.length;i++){
                    
                    sum+=arguments[i];
                }
                alert(sum);
            }
            add(1,3,5,1);

//定义函数 add参数a，b累加
            // function add(a,b){
            //     //存储累加值
            //     var sum = 0;
            //     for(var i=a;i<=b;i++){
            //         sum+=i;
                    
            //     }
            //     alert(sum);
            //     //初始 i=a; 结束i<b;
            //     //执行代码累加 sum+=i;
            //     //更新变化i++;
            // }
            // add(2,5);
            
            //  定义 俩个数的和
            // function add(a,b){
            //     alert(a+b);
            // }
            // add(2,3);

function fun(){
             console.log("痒痒");
             console.log("为嘛？");
             console.log("屁菜");
            console.log("射吊");
        }
        // 1js直接调用
        fun();

//2html 事件调用
        //3dom1 事件调用
        var btn = document.querySelector("dutton");
        btn.onclick = fun;  //不需要括号
        //4在dom2级 addeventlistener(type,fun)
        

function say(name){
                alert("我非常中意"+name)
            }
            
            //执行函数缠绕的参数 叫实参
            say("苹果");
            say("小红");

//函数confirm执行完 符值给re
            //函数执行完 可以返回一个值 被变量接受
            //自定义函数默认  默认返回undefined
            //关键字 return 可以定义函数执行完的返回值
            // var re = confirm("你确定？");
            // console.log(re);
            
            //函数执行完返回参数相加的结果
            //retur 一下的代码函数不在执行
            
            function add(a,b){
                
                return a+b;
                
            }
            var re = add(3,4);
            console.log(re);

// function send(name="rose"){
            //     alert(`亲爱的${name}你好,嗨嗨来啦`);
            // }
            // send("小红");
            // send();
            // send("小花");
            // send();

//匿名函数就是没有名字的函数
            //通常匿名函数执行方式
            //01和事件绑定一起
            //02当作回调函数
            //03自执行
            
            // //1
            // var h1 = document.querySelector("h1");
            // h1.onclick = function(){
            //     alert("你好");
            // }
            // //2
            // //foeach遍历当回调函数
            // var ps = document.querySelectorAll("p");
            // ps.forEach(function(item){
            //     console.log(item.innerText)
            // });
            // //3 匿名函数自执行
            // (function(){alert("嗨嗨来啦")})()
            // !function(){alert("嗨嗨来啦2")}()