Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Através do Grid System eu escolho um número de colunas que deve ser gerado (Podem ser 1, 2, 3, 4, 6 ou 12 colunas, caso contrário o número será inválido), e com esse número de colunas, vou saber a quantidade de linhas que deve gerar, dividindo 12 pelo número de colunas que apliquei, já que o máximo de colunas que pode ser feito no Grid System é 12. Porém estou com dificuldades para aplicar um comando que imprima as linhas. Me ajudem, pleease
<html>
<div class="container">
<input placeholder="Quantidade de colunas:" id="numerocolunas" />
<button id="gerar">Gerar</button>
<div class="row" id="arrays"></div>
<div id="numerolinhas"></div>
</div>
</html>
<script>
var numerocolunas = document.getElementById("numerocolunas");
var numerolinhas = document.getElementById("numerolinhas");
var container = document.getElementById("arrays");
function gerarNumeros() {
var n = parseInt(numerolinhas.value);
container.innerHTML = '';
if (12 % n == 0) { //Se 12 dividido por n tiver resto 0, n será um número válido
var X = 12/n;
for (var i = 0; i < numerolinhas.value; i++) {
container.innerHTML += '<div class="col-md-' + X + '">' + (Math.random() * 100) + '</div>'; // imprime a coluna tendo X como número de linhas correspondentes
}
} else {
alert("Número inválido");
//alert(n % 12);
}
}
document.getElementById("gerar").addEventListener("click", gerarNumeros)
</script>No caso não é para ter um valor fixo. O usuário escolhe o número de colunas, e dividimos 12 por ele, para imprimir a matriz com o número que escolhemos para o número de colunas, e o número de linhas é gerado de acordo com o de colunas
>
10 horas atrás, vinitf disse:
No caso não é para ter um valor fixo. O usuário escolhe o número de colunas, e dividimos 12 por ele, para imprimir a matriz com o número que escolhemos para o número de colunas, e o número de linhas é gerado de acordo com o de colunas
Eu deixei os values para facilitar os testes e não precisar ficar digitando, é só tirar os values dos inputs
>
2 minutos atrás, Pita disse:
Eu deixei os values para facilitar os testes e não precisar ficar digitando, é só tirar os values dos inputs
Porém está faltando imprimir a matriz na tela. Além disso, o que eu queria é que o usuário tivesse apenas que escolher a quantidade de colunas. Escolhida a quantidade, clica no botão e a matriz é gerada, já com o número de linhas faltantes para completar 12 elementos
Por exemplo, dando o valor da quantidade de colunas n = 4 imprime 4 colunas com md-3, esse 3 (valor da var X) é o número de linhas que precisam ser impressas na matriz, por 4*3=12.
Mas vi agora que pode ser com dois inputs tbm. Agora só falta imprimir na tela
A function estava com uns erros, testa agora lá
function gerarNumeros() {
var numerolinhas = document.getElementById("numerolinhas").value;
var numerocolunas = document.getElementById("numerocolunas").value;
var container = document.getElementById("arrays");
if (12 % numerocolunas != 0) {
alert("Número inválido");
return
}
var X = 12/numerocolunas;
var strHtml = '';
for (var il = 0; il < numerolinhas; il++) {
strHtml += '<div class="row">';
for (var ic = 0; ic < numerocolunas; ic++) {
strHtml += '<div class="coluna col-md-' + X + '" style="border:solid black 1px/">XXX</div>';
}
strHtml += '</div>';
}
container.innerHTML = strHtml;
}Show!
Seria algo +/- assim