JSFiddle - React, Tailwind, and code Playground
HTML
<div id="calculadora"> <span id="numero1">NÚMERO 1</span>
<input class="numero1input" id="numero1a" type="text" maxlength="6" />
<input id="calcular" type="button" value="CALCULAR" />
</div>
<div id="respostas"></div>
CSS
#respostas table tr td:first-child{
border-right: 2px solid black;
}
JavaScript
$("#calcular").click(function () {
var input = parseInt($('#numero1a').val());
var fatores = Calcular(input);
gerarTabela(fatores);
});
function gerarTabela(ftrs) {
var tabela = $('<table></table>');
for (var i = 0; i < ftrs.length; i++) {
var f = ftrs[i];
var linha = '<tr><td>' + f[0] + '</td><td>' + f[1] + '</td></tr>';
tabela.append(linha);
}
$('#respostas').append(tabela);
}
function Calcular(nr) {
var partes = [];
while (nr > 1) {
for (var i = 2; i <= nr; i++) {
if (nr % i) continue;
partes.push([nr, i]);
nr = nr / i;
break;
}
}
partes.push([1, '']);
return partes;
}