03.CollectList

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Homework-DOM</title>
    </head>

    <body>
    <ul id="items">
        <li>first item</li>
        <li>second item</li>
        <li>third item</li>
    </ul>
    <textarea id="result"></textarea>
    <br>
    <button onclick="extractText()">Extract Text</button>
    <script>
        function extractText() {
            let lis = document.querySelectorAll('ul li');
            let area = document.getElementById('result');
            for(let i = 0; i < lis.length; i++){
                area.value += lis[i].textContent + '\n';
            }
        }
    </script>

    </body>
</html>