Matriz com Grid System do Bootstrap
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>Discussão (8)
Carregando comentários...