如何在不使用javascript清除值的情况下将输入字段追加到div

<form>
  <input type="text" id="inputField">
  <button type="button" onclick="appendValue()">追加</button>
</form>
<div id="targetDiv"></div>

#targetDiv {
  border: 1px solid #ccc;
  padding: 10px;
}

function appendValue() {
  var inputField = document.getElementById("inputField");
  var targetDiv = document.getElementById("targetDiv");
  
  var value = inputField.value;
  
  if (value !== "") {
    targetDiv.innerHTML += value + "<br>";
    inputField.value = "";
  }
}