Probleme beim Löschen von Inhalten aus dem Eingabefeld, wenn die Eingabetaste gedrückt wird

Question

Ich habe Probleme herauszufinden, wie der Inhalt in der Eingabebox gelöscht werden kann, sobald Enter gedrückt wird. Wenn Sie Informationen darüber geben könnten, welcher Code und wo er hingehört, wäre das sehr hilfreich.

//-Code geht hier

$('ul').on('click', 'li', function(){ 
    $(this).toggleClass('completed'); 
}); 

$('ul').on('click', 'span', function(events){ 
    $(this).parent().remove(); 
}); 

$('input').keypress(function cleartext(event){ 
    if(event.which === 13) { 
    var todoItem = $(this).val(); 
    $('ul').append(
     "<li>" + 
      "<span>" + 
       "<i class='fa fa-times'></i>" + 
      "</span>" + 
      todoItem + 
     "</li>" 
    ); 
    } 
}); 

Answer 1

$('input').keypress(function cleartext(event){ 
    if(event.which === 13) { 
    var todoItem = $(this).val(); 
    $(this).val('');//this will clear the contents 
    $('ul').append(
     "<li>" + 
      "<span>" + 
       "<i class='fa fa-times'></i>" + 
      "</span>" + 
      todoItem + 
     "</li>" 
    ); 
    } 
});