这段代码如何用jquery运行 尤其是If 中运行不出来

.var username=document.getElementById("username");
        var txt=document.getElementsByClassName("txt")[0];
        var btn=document.getElementsByTagName("button")[0];
        var pl=document.getElementsByClassName("pl")[0];
        var len=document.getElementById("len");
        if(localStorage.length>0){
            username.value=localStorage.getItem("username");
        }
        txt.oninput=function(){
            len.innerHTML=txt.value.length;
        }
        
        btn.onclick=function(){
            if(username.value=='' || txt.value==''){
                confirm("确定不提交内容吗?");
                return false;
            }else{
                var div=document.createElement("div");
                var span=document.createElement("span");
                var small=document.createElement("small");
                var a=document.createElement("a");
                var p=document.createElement("p");
                span.innerText=username.value;
                small.innerText="\t"+new Date().toLocaleString();
                a.innerText='删除';
                a.style.float="right";
                a.style.href="#";
                p.innerText=txt.value;
                
                div.appendChild(span);
                div.appendChild(small);
                div.appendChild(a);
                div.appendChild(p);
                
                pl.parentNode.appendChild(div)
            }
            a.onclick=function(){
                a.parentNode.remove();
            }
        }

你要明白js和jq不一样的，你要引入jq库，语法也不一样

<script>

$(function(){ 

// 开始写 jQuery 代码...

});

</script>

   if(username.value=='' || txt.value==''){   你这部分的引号有问题吧。。