事件题目

有如下代码，要求当点击每一个元素li时控制台展示该元素的文本内容。不考虑兼容

    
这里是
    
饥人谷
    
前端6班

补全代码，要求：

当点击按钮开头添加时在

这里是

元素前添加一个新元素，内容为用户输入的非空字符串；当点击结尾添加时在最后一个 li 元素后添加用户输入的非空字符串.
当点击每一个元素li时控制台展示该元素的文本内容。

    
这里是
    
饥人谷
    
任务班


开头添加
结尾添加

补全代码，要求：当鼠标放置在li元素上，会在img-preview里展示当前li元素的data-img对应的图片。

function $(id){
        return document.querySelector(id)
  }
    function $$(cls){
        return document.querySelectorAll(cls)
  }
    
    console.log($$(".ct>li"))

    $$(".ct>li").forEach(function(value){
        value.addEventListener("mouseover",function(){
            var dataImg = this.getAttribute('data-img');
            $(".img-preview").innerHTML='![](' + dataImg + ')'
        })
    })

实现如下图Tab切换的功能

Paste_Image.png

http://js.jirengu.com/gofunopucu/1/edit?html,css,js,output

实现下图的模态框功能，点击模态框不隐藏，点击关闭以及模态框以外的区域模态框隐藏

Paste_Image.png

http://js.jirengu.com/gexedeyopa/11/edit?html,css,js,output