ECMAScript 6.0

 
 
     
     
     
      
     
     
  
 
     

        

            

                昵称：
                

                    
                
            
            

                留言：
                

                    
                
            
            

                

                    提交留言
                
            
        

        

            
留言列表
                

                    

                        
                    
                
        
    

$(function(){
    let m = new Map();   //var m ={}
    //提交留言
    $(".submit").click(()=>{
        let _name = $(".name").val(),
            _msg = $(".message").val();
        if(!_name || !_msg){
            alert("请输入信息")
        }else {
            m.set(_name,_msg);  //数据存入MAP
            $(".name,.message").val('');
            list();
        }
    });
    let list =()=> {
        let str = '';
        for(let [key,value] of m) {   //遍历
            str+=`
${key}说：${value}
`
        };
        $(".messageList").html(str);
    }
})

*{
     margin: 0 auto;
     padding: 0;
     font-family: "Microsoft YaHei","sans-serif";
 }
 .container{
    margin-top:20px;
 }
.btn {
     padding: 5px 10px;
}