美文网首页
留言板.js

留言板.js

作者: 塔库纳玛哈哈 | 来源:发表于2017-09-03 17:36 被阅读0次
    window.onload=function(){
        var btn=document.querySelector('button');
        var ul=document.querySelector('ul');
        var h5=document.querySelector('h5');
        var text=btn.previousElementSibling;
        btn.onclick=function(){
            if(text.value==''){
                return;
            }
            var li=document.createElement('li');
            li.innerHTML=text.value;
            ul.appendChild(li);
            text.value='';
        }
        document.onkeyup=function(e){
            if(e.ctrlKey&&e.keyCode==13){
                btn.onclick();
            }else{
                var len=text.value.length;
                h5.innerHTML=`您一共能输入40个字符,已经输入了${len}个字符,还能输入${40-len}个字符`
            }
            text.value=text.value.substr(0,30);
        }
    
    }
    

    相关文章

      网友评论

          本文标题:留言板.js

          本文链接:https://www.haomeiwen.com/subject/zbsjjxtx.html