2023 12.14作业

最新推荐文章于 2024-07-15 17:15:41 发布

KALAXK

最新推荐文章于 2024-07-15 17:15:41 发布

阅读量29

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/KALAXK/article/details/135038608

版权

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/weibo.css">
</head>

<body>
  <div class="w">
    <div class="controls">
      <img src="images/tip.png" alt=""><br>
      <textarea placeholder="说点什么吧..." id="area" cols="30" rows="10" maxlength="200"></textarea>
      <div>
        <span class="useCount">0</span>
        <span>/</span>
        <span>200</span>
        <button id="send">发布</button>
      </div>

    </div>
    <div class="contentList">
      <ul>

      </ul>
    </div>
  </div>
  <script>
          let useCount=document.querySelector("useCount")
          let ziShu=useCount.addEventListener("change", () => {
            }).length
          useCount.innerHTML=`ziShu`

          btn.addEventListener("click", () => {
             let ul = document.querySelector("ul")
             let newLi = document.createElement("li")
             newLi.innerHTML = `useCount.addEventListener("change", () => {
            })`
             })
                if(ziShu===0){
                  let textarea = document.querySelector("textarea")
                  textarea.placeholder = "不能为空"
                else
                  let ul = document.querySelector("ul")
                   ul.removeChild(ul.children[0])
                }
             div.classList.add("info")
             ul.appendChild(newLi)
             let img = document.createElement("span")
             div.info.appendChild(img)
             span.innerHTML = ``
             let p = document.createElement("p")
             info.div.appendChild(p)
             let p = new Date() 
       

        

          
          let btn = document.querySelector("button")
          btn.onclick = function () {
            alert("666")
            console.log(this)
        }

  </script>
</body>

</html>