テキストとチェックボックスを動的に作成し、１行にリスト表示

Question

前提・実現したいこと

JavaScript　でテキストとチェックボックスを動的に作成し、１行にリスト表示したい。
※li要素として１行にテキストとチェックボックスを表示。

問題

チェックボックスで１行、テキストで１行として表示されてしまう。
appendChild()の引数で１行ずつ実行しているせいだとはわかるのですが、では引数として何を作成してappendChild()すればよいのかわかりません。

該当のソースコード

function click1() {
  var input_message = document.getElementById("todoThings").value;
  var li = document.createElement('li');
  var checkBox = document.createElement('input');
  checkBox.setAttribute('type','checkbox');
  li.textContent = input_message;

  
  document.getElementById('contentsList').appendChild(checkBox);
  document.getElementById('contentsList').appendChild(li);
}

<form>
  <input type="text" id="todoThings" name="todoThings">
  <input type="button" onClick="click1()"　name="addButon" value="Add">
</form>

<div>
  <ul id="contentsList">
        
  </ul>
</div>

Answer 1

li.prepend(checkBox);

li.append(chackBox);

上記でできました。<li>要素ってリストや配列のように処理できるのですね。