Показать сообщение отдельно
  #1 (permalink)  
Старый 28.12.2019, 19:29
a45 a45 вне форума
Новичок на форуме
Отправить личное сообщение для a45 Посмотреть профиль Найти все сообщения от a45
 
Регистрация: 28.12.2019
Сообщений: 5

createElement и append
Добрый день.

небольшой примерчик

<input id="taskEdt" type="text">            
<hr>
<ul id="todoList">
  <li><input type="checkbox">Задача 1</li>
  <li><input type="checkbox">Задача 2</li>
</ul>


const taskNameEdit = document.getElementById("taskEdt")
const todoList     = document.getElementById("todoList")

taskNameEdit.onkeydown = e => {
    if (e.key=="Enter" || e.keyCode==13){               

        let chEl = document.createElement("input")
        
        chEl.type = "checkbox"
        
        let taskLiElem = document.createElement("li") 
        
        taskLiElem.innerText = taskNameEdit.value
      
        taskLiElem.append(chEl)
      
        todoList.append(taskLiElem)        

        taskNameEdit.value = ""
    }        
}


в результате элемент как то не так добавляется

https://prnt.sc/qguwre
Ответить с цитированием