Estoy tratando de agregar una casilla de verificación en la misma línea que mi párrafo en mi lista de tareas pendientes.

Yo he tratado:

 let addToDoButtton = document.getElementById('addToDo'); let toDoContainer = document.getElementById('toDoContainer'); let inputField = document.getElementById('inputField'); addToDoButtton.addEventListener('click', function(){ var paragraph = document.createElement('p'); var checkbox = document.createElement('input'); checkbox.type='checkbox'; paragraph.classList.add('paragraph-styling'); paragraph.innerText = inputField.value; toDoContainer.appendChild(checkbox); toDoContainer.appendChild(paragraph); inputField.value="" paragraph.addEventListener('click', function () { paragraph.style.textDecoration="line-through"; paragraph.style.color='#5493f7'; }) paragraph.addEventListener('dblclick', function(){ toDoContainer.removeChild(paragraph); toDoContainer.removeChild(paragraph) })

También he probado:

 toDoContainer.appendChild(checkbox) && toDoContainer.appendChild(paragraph);

Tengo esto para la salida: