Как вставить курсор в добавленный блок?

Question

[Имя Фамилия]

делай так, но курсор не вставляется

<div id="t" contenteditable="true">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>
<div onclick="s()">Button</div>

function s(){
    document.getElementById('t').innerHTML += "<div><br></div>";
    var newDiv = editableDiv.lastElementChild;        
    newDiv.focus();   
       
}

Answer 1

[Имя Фамилия]

нашел ответ. Если кому надо:

function s() {
        var editableDiv = document.getElementById('t');
        // Создаем новый элемент div
        var newDiv = document.createElement('div');
        // Вставляем внутренний контент, в данном случае <br>
        newDiv.innerHTML = '<br>';
        // Добавляем новый div в родительский элемент
        editableDiv.appendChild(newDiv);
        // Устанавливаем курсор в новый div
        var range = document.createRange();
        var selection = window.getSelection();
        range.setStart(newDiv, 0);
        range.collapse(true);
        selection.removeAllRanges();
        selection.addRange(range);
        newDiv.focus();
    }