SW 2021-03-17

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tabelas de Símbolos</title>
    <!--
    enriquecer o documento com novos símbolos
    incluindo entidades vindas do JS
    em concreto: escreverTabela
    -->
    <script src="./2.js"></script>
    <!-- <script src="2.js"></script> -->
</head>
<body>
    <nav>

    </nav>

    <section id="idSectionASCII">
        <details>
            <summary>Tabela ASCII</summary>
            <script>
                document.write(escreverTabela(127));
            </script>
        </details>
    </section>

    <hr>

    <section id="idSectionExtendedASCII">
        <details>
            <summary>Tabela Extended-ASCII</summary>
            <script>
                document.write(escreverTabela(255));
            </script>
        </details>
    </section>

<!--
mix de linguagens : BAD ; sol : externalizar o JS TODO ????
repetição : copy/paste : BAD ; sol : escrever potenciando a reutilização de código : function TODO ????
destruição do documento : BAD ; sol evitar destruição do documento

-->

</body>
</html>

**

//JS externalizado ; fora do HTML ; está num ficheiro EXTERNO = 2.js

function escreverTabela (
    pCodigoFinal //params são mecanismos para a elasticidade do código
){
    var strHtml = "";
    for (
        var codigoDoMomento = 0; //init
        codigoDoMomento<=pCodigoFinal; //condição de continuidade
        codigoDoMomento=codigoDoMomento+1 //operador
    ){
        var expressaoDoCodigo = "&#"+codigoDoMomento+";"; //&#65; A
        var strLinha = codigoDoMomento + " : " + expressaoDoCodigo + "<br>"; // 65 : A
        strHtml += strLinha; //concatenação cumulativa
    }//for
    return strHtml;
}//escreverTabela