文本域添加评论

<textarea name="" id="" cols="30" rows="10">123</textarea>
<button>发布</button>
<ul>
    
</ul>

<script>
    //获取所有的元素
    var textarea = document.querySelector('textarea');
    var button = document.querySelector('button');
    var ul = document.querySelector('ul');

    button.onclick = function() {
        if (textarea.value == '') {
            //如果是空评论，不添加
            alert('没有输入内容');
            return false;
        }else {
            //有评论创建一个li，内容为文本域中的文字，添加到ul中
            var li = document.createElement('li');
            li.innerHTML = textarea.value;
            ul.appendChild(li);
            
        }
    }

    //创建元素节点
    // var li = document.createElement('li'); 
    // var ul = document.querySelector('ul');
    // ul.appendChild(li);
    // ul.insertBefore(li,ul.children[0]);

</script>