How to get the contents of a div with a wrap?

Question

JavaScript

There is a div, the content of which is edited by the user himself, such as poking at it and typing
But, if it has a line break, then when its content (innerHTM, innerText) is received, undefined pops up
How to avoid this?

Answer 1

<div id="content_wrapper">
        <div id="content" contenteditable="true">
            Текст
            <br>
            текст
        </div>
    </div>

    <button id="get_content">Получить текст</button>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            get_content.addEventListener('click', () => {
                alert(content_wrapper.querySelector('#content').innerHTML);
            });
        });
    </script>