GithubHelp home page GithubHelp logo

kenzie-academy-brasil-developers / entrega-tabela-de-multiplicacao-sprint-1-robsonmt Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 3 KB

entrega-tabela-de-multiplicacao-sprint-1-RobsonMT created by GitHub Classroom

HTML 55.46% JavaScript 44.54%

entrega-tabela-de-multiplicacao-sprint-1-robsonmt's Introduction

Entrega: Tabela de Multiplicação

Para começar faça clone deste repositório

Nessa entrega você vai construir uma tabela de multiplicação. Você deve criar uma função que recebe um parâmetro "n" do tipo inteiro que vai ditar o tamanho da sua tabela (10x10, 12x12, 16x16, etc...).

Sua função deve utilizar o conceito de loops aninhados para montar um array multidimensional. Com o array multidimensional montado, você deve utilizar o console.table() no seu array para mostrar em forma de tabela no console. Veja um exemplo de um array multidimensional:

let meuArray = [["banana", "maçã"], ["uva", "pera"], ["goiaba", "morango"]]

meuArray[0] // retorna ["banana", "maçã"]
meuArray[0][1] // retorna "maçã"
meuArray[2] // retorna ["goiaba", "morango"]
meuArray[2][0] // retorna "goiaba"

Veja o que acontece ao executar um "console.table()" na variável usada no exemplo:

Agora imagine que você está construindo uma tabela para que professores do ensino fundamental a usem em sala de aula. Isso que deve aparecer ao executar a sua função no Console do navegador:

Início

Você pode usar o seguinte documento HTML como ponto de partida:

<!DOCTYPE html>
<html>
    <head>
        <title>Multiplication Table</title>
    </head>

    <body>
        <h1>Multiplication Table</h1>
        <script>
            // Se preferir, utilize o script em um arquivo .js separado.
            function nomeDaSuaFuncao() { // Substitua "nomeDaSuaFuncao" por um nome mais apropriado
                // TODO: escrever dois loops aninhados para desenhar o array bidimensional e monstar o restante da tabela no console.
                let x = [];
                for (let i = 0; i <= 10; i++) {
                    x[i] = [];
                }
                console.table(x)
            }
        </script>
    </body>
</html>

Bônus

Agora vamos deixar sua função um pouco mais dinâmica! Altere a sua função para que ela recebe um parâmetro n do tipo inteiro que permita a geração de tabelas de diferentes tamanhos, por exemplo, 12x12, 16x16...

Veja abaixo, um exemplo do resultado esperado:

Se você quiser entender um pouco mais sobre o console.table() - Link para documentação

Envio

Faça o push do código para seu repositório no GitLab e use a função do GitLab Pages que permite que o site seja visualizado diretamente. Por favor, envie a url do gitlab pages publicada.

entrega-tabela-de-multiplicacao-sprint-1-robsonmt's People

Contributors

github-classroom[bot] avatar robsonmt avatar

Watchers

Marco Bruno avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.