5
respostas

Compartilhamento de aprendizado

Quero compartilhar aqui um código para fins didáticos que abrange os conceitos abordados no curso. Sugestões são bem-vindas. 1 – Alterei a uma função pulaLinha() apresentada no curso. No cabeçalho da função adicionei um parâmetro para receber um argumento que define quantas linhas pular. 2- Define duas funções para escrever na página HTML, uma chamada mostra() que escreva a mensagem e não pula linha e uma chamada mostraLn() que escreve a mensagem e pula uma linha. 3 – Criei uma função que imprime uma tabela de caractere, esta função tem três parâmetros, são eles: caractere, qtdDeLinhas, qtdDeColunas, o primeiro parâmetro recebe o caractere a ser impresso, o segundo parâmetro recebe a quantidade de linhas e o terceiro parâmetro recebe a quantidade de colunas. Segue o código

<meta charset="UTF-8">

<script>

    function pulaLinha(n) {
        for (var count = 1; count <= n; count++) {
            document.write("<br>");
        }
    }

    function mostra(frase) {
        document.write(frase);
    }

    function mostraLn(frase) {
        document.write(frase);
        pulaLinha(1);
    }

    function tabelaCaractere(caractere, qtdDeLinhas, qtdDeColunas) {

        for (var linha = 1; linha <= qtdDeLinhas; linha++) {

            for (var coluna = 1; coluna <= qtdDeColunas; coluna++) {
                mostra(caractere);
            }

            pulaLinha(1);
        }
    }

    tabelaCaractere("a", 15, 15 );

    pulaLinha(1);
    mostraLn("Fim");

</script>
5 respostas

Oi Ricardo tudo bem?

Legal, essa ideia do mostraLn.

Vou ensinar algo que acho um pouco avançado mas porque não?

function criarElemento(elemento,textoDentro){

            let element=document.createElement(elemento);

           element.innerHTML= element.innerHTML;

            document.body.appendChild(element);
        }
criarElemento("h1","Olá Mundo!!!");

Essa função cria um elemento, no exemplo criei uma tag de título h1, e depois coloca um código dentro dela. No caso coloquei só o texto "Olá Mundo".

O document.write reescreve todo o html da página o document.body.appendChild() coloca um elemento html no fim da página.

Espero ter ajudado e bons estudos!!!

Olá André, eu usei seu código só precisei fazer um ajuste conforme abaixo comentado no código:

<meta charset="UTF-8">

teste
</br>

<script>

    function criarElemento(elemento,textoDentro){

        let element=document.createElement(elemento);

        //element.innerHTML= element.innerHTML;
        element.innerHTML= textoDentro;

        if(document.body != null){ 
            document.body.appendChild(element); 
        }
    }

    criarElemento("h1","Olá Mundo!!!");

</script>

Abraços, Leandro

Eu me descuidei na hora de escrever o código rsrsr faz parte.

Legal cara, bons estudos! Abraço!

Código interessante, exibe funções da biblioteca do JavaScript. É um avançado mesmo por abordar conceitos da biblioteca da linguagem. Tenho que me aprofundar mais.

vlw

Disponha. Todos nós temos que aprender muito. Tamo junto nessa caminhada!

Bons estudos!!!