编程实现输入框和确定按钮,点击确定,列表中增加当前输入内容,并清空输入框列表中每条有删除按钮,点击删除本条内容

<body>
  <input id="input" type="text" name="" id="">
  <button onclick="addContent()">添加</button>
  <ul id="ul"></ul>
  <script>
    function addContent() {
      let ul = document.getElementById('ul')
      let li = document.createElement('li');
      li.appendChild(document.createTextNode(document.getElementById('input').value))
      let mybutton = document.createElement('input');
      mybutton.type = "button";
      mybutton.value = "删除";
      mybutton.onclick = function () {
 deleteLi(lis.length);
      }
      li.appendChild(mybutton)
      ul.appendChild(li)
      document.getElementById('input').value = "";
    }

    function deleteLi(index) {
      let ul = document.getElementById('ul');
      ul.removeChild(ul.childNodes[index - 1]);
    }
  </script>
</body>
全部评论

相关推荐

这不纯纯作弊了吗😢😢😢
编程界菜鸡:信这个的这辈子有了,这智商你靠啥都没用
你找工作的时候用AI吗?
点赞 评论 收藏
分享
点赞 评论 收藏
分享
06-25 09:33
厦门大学 Java
程序员饺子:现在日常估计没啥hc了,等到八月多估计就慢慢有了。双九✌🏻不用焦虑的
投递快手等公司7个岗位
点赞 评论 收藏
分享
qq乃乃好喝到咩噗茶:院校后面加上211标签,放大加粗,招呼语也写上211
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务