как добавлять элементы в масив js?

var data = []; 
$("input[type='text']").change(function() { 
  if ($(this).val() !== "") { 
    data.push($(this).val()) 
    pushResult(); 
  } 
}); 
 
function pushResult() { 
  console.log(data) 
  $('#result').html('') 
  $.each(data, function(key, value) { 
    $('#result').append(`<li key="${key}">${value}</li>`) 
  }); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="text" /> 
 
<ul id="result"> 
 
</ul>