클릭누르면 각자 문단이 밑 글에 추가되는 형식임.


근데 Erase를 클릭하면 "사용자가 click 해서 추가한 문단만 삭제"해야하는데

<!DOCTYPE html>

 

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

</head>

<body>

   <h1 id="header">클릭하세요</h1>

   <p id="para">클릭하세요</p>

    <input type="button" value="click" />

    <input type="button" value="click" />

    <input type="button" value="Erase" />

    <script>

        function click() {

            this[removed] += "<br>클릭했습니다.";

        }

 

        function Erase() {

            var para = document.getElementById("para");

            para[removed].removeChild(para);

            var header = document.getElementById("header");

            header[removed].removeChild(header);

        }

        var header = document.getElementById("header");

        header.

        var para = document.getElementById("para");

        para.

    </script>

    

  

</body>

</html>      



코드보면 parentNode.removeChild(header)하니까 아예 모든 문단이 전부다 삭제되는데 추가되는것만 따로 삭제는 어떻게 시키죠