微博文案发布

let txt=document.getElementById("area")
    let btn=document.getElementById("send")
    let val=document.querySelector("span")
    let ul=document.querySelector("ul")
    let newLI = document.createElement("li")
    txt.addEventListener("input",function(){
      val.innerHTML=txt.value.length
    })
    btn.addEventListener("click",function(){
      if(txt.value.trim()===""){
        alert("请输入内容")
      }else{
        let newLI=document.createElement("li")  
        newLI.innerHTML=`<div class="content">${txt.value} <span>删除</span></div>`
          ul.prepend(newLI)
          txt.value=""
          val.innerHTML="0"
          newLI.querySelector("span").addEventListener("click", function(e) {
            ul.removeChild(newLI)
          })
      }
      
    })
    txt.addEventListener("keydown",function(e){
      if(e.code=="Enter"){
        btn.click()
        e.preventDefault()
      }
    })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值