JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<div>
  <input class=form-control id="numero">
</div>
<button id="btn-add">Hide</button>

JavaScript

var numeros = new Array();

document.getElementById('btn-add').addEventListener('click', function() {
	var numero = document.getElementById('numero').value;
	numeros[numeros.length] = parseInt(numero);
	//console.log(numeros);	
	atualizaListagem(numeros);
});


//Apaga a lista e exibe novamente de acordo com o array....
function atualizaListagem(arr){
	var ul = document.getElementById("numeros");
	//Limpa os nomes
	ul.innerHTML = '';
	
	for(i in arr){
		var li = document.createElement("li");
		li.appendChild(document.createTextNode(arr[i]));
		ul.appendChild(li);
	}
}