prac8-10_2.html

<!DOCTYPE html>
<html>
<head>
    <title>DOM 객체 동적 삽입</title>
    <script>
        function addAnswer(obj, text) {
            const p = document.createElement("p");
            p.textContent = text;
            obj.parentNode.appendChild(p, obj);
            obj.disabled = true;
            
        }
    </script>
</head>
<body>
    <h3>정답의 동적 삽입</h3>
    <hr>
    <div>
        <p>Q. 거울아 거울아 세상에서 누가 제일 예쁘니?</p>
        <button onclick="addAnswer(this, '백설 공주')">답보기</button>
    </div>
    <div>
        <p>Q. 죽느나 샤느나 어떤 것이 문제인가?</p>
        <button onclick="addAnswer(this, '둘다')">답보기</button>
    </div>
</body>
</html>