原生的JavaScript练习题1

1、马蜂窝首页轮播图，点击右侧小图切换大图

2、使用双重循环写乘法口诀表

源码示例：

3、使用循环完成水仙花数100-999   370=3*3*3+7*7*7+0*0*0

源码示例：

4、创造50个div,要求div是正方形,随机大小,随机在页面的任意位置(1400*720),随机颜色

 效果：

源码示例：

    
    
    




    创建div
    生成随机位置和颜色

补充：3种遍历方式

//遍历每一个多选框 有三种写法
// for(var i=0;i<4;i++){
//     item = document.querySelector(".ck"+i);
//     item.checked = allCheck.checked
// }

// allItem.forEach(function (value,index,array) {
//     value.checked = allCheck.checked
// })

allItem.forEach(key => key.checked = true)

 五、自定制电子时钟

效果：

代码：

    
    
    



    

    
:
    

    
:
    

    

六、将时间显示为中文可读格式

效果：

代码：

    
    


    

        
Mon Jun 24 2019 19:43:16  ---> 二零一九年 六月 二十四日 星期一 十九时 四十三分 十六秒
        

    

七、轮播图