javascrip matriz de imagem

Rulio · Maio 20, 2020

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body bgcolor="999999">
    <section>
        <div id="image">
            
        </div>
                
        <div>
            <a href="javascript:image(linhas,colunas,matriz);">
                Clique aqui para inserir a grade
            </a>
        </div>    
    </section>
</body>
</html>
<script>

    var linhas = 2;
    var colunas = 3;
    var matriz = new Array(colunas);
    for (var i = 0; i < colunas; i++)
    matriz[i] = new Array(linhas);

    function image(linhas,colunas) {
        for(var i = 0; i < linhas; i++){
            for(var j = 0;j < colunas; j++){
                matriz[i][j] = document.createElement("IMG");
                matriz[i][j].src = "balao.png";
                document.getElementById('image').appendChild(matriz[i][j]);
            }
        }
    }   
    function pula_linha(){
        document.getElementById("divExibir").innerHTML = "<br>";
    }

</script>
<style>
    image{
        width: 100px; 
        background: gold;
        word-wrap: break-word;
    }
</style>

Estou precisando criar uma matriz de imagem mas quando insiro ela em uma div ela fica horizontal, ex:

está ficando assim

0 0 0 0 0 0

queria que ficasse assim

0 0 0

Entrar

javascrip matriz de imagem

Pergunta

Rulio

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades