3ºB - MII - avaliação 2

Enrique estava empolgado para construir uma aplicação web, mas antes

ele precisava realizar um brainstorm. Enrique ficou em dúvida sobre qual

ferramenta usar. Sobre o uso de ferramentas nesse processo, qual alternativa

está correta?

• Podemos usar apenas ferramentas digitais, como FigJam e Jamboard.

  Utilizar ferramentas analógicas, como papel e caneta, é algo ultrapassado e

  deve ser evitado.

• Podemos usar tanto ferramentas digitais quanto analógicas. O importante é

  refletir sobre a aplicação e planejar o que queremos construir utilizando as

  ferramentas que nos deixam mais confortáveis.

• Podemos usar apenas ferramentas analógicas, uma vez que ferramentas

  digitais não permitem a colaboração e não são confiáveis.

• Não precisamos usar ferramentas para fazer um brainstorm. É algo que

  podemos fazer apenas discutindo e trocando ideias sobre o projeto.

Pedro está começando a estruturar o HTML básico do seu site e já criou algumas <div> para organizar os elementos da página. Com o objetivo de diferenciar e aprimorar o design e funcionalidade das <div> em

seu site, qual opção ele deve escolher para adicionar elementos distintos dentro de cada <div>?

• Adicionar uma class com nomes explicativos e personalizados para

  cada <div>.

• Implementar uma lista ordenada <ol> para estruturar o conteúdo.

• Inserir um elemento de cabeçalho <h1> para destacar seções.

• Escrever o estilo direto <div> com style para mudar a cor e tamanho

Buscando elementos

Para fazer referências às classes do HTML realizamos uma busca no documento pelos elementos que possuíam uma determinada classe. Agora, organize todos os blocos a seguir para buscar o elemento que possui uma classe chamada texto-principal:

• const textoPrincipal =

• (‘.texto-principal’);

• document.querySelector

Podemos utilizar uma função para fazer a pergunta aparecer na tela.

Sobre funções, assinale a alternativa correta:

• Funções são um conjunto de instruções que podemos chamar diversas vezes

  dentro do código sem a necessidade de reescrevê-lo. Contudo, essa prática

  não é muito utilizada e, portanto, o ideal é reescrever o código toda vez.

• Funções são um conjunto de instruções que podemos chamar diversas

  vezes dentro do código sem a necessidade de reescrevê-lo. Elas podem

  receber parâmetros caso tenhamos que passar informações para dentro

  da função.

• Funções são um conjunto de instruções que podemos chamar diversas

  vezes dentro do código sem a necessidade de reescrevê-lo. Porém, toda

  função deve ser colocada dentro de um objeto.

• Devemos evitar o uso de funções, pois elas deixam o código mais lento.

O CSS para modificar o estilo da página. Assinale a alternativa correta sobre o uso dessa tecnologia.

• O CSS pode ser utilizado tanto dentro do HTML como em um arquivo

  separado, e serve apenas para alterar tags do HTML, não podendo fazer

  referências a classes.

• O CSS só pode ser utilizado dentro do HTML e serve para alterar elementos

  do HTML, podendo se referir a eles de diversas formas, como pelas tags ou

  por classes.

• O CSS só pode ser utilizado dentro do HTML e serve apenas para alterar tags

  do HTML, não podendo fazer referências a classes.

• O CSS pode ser utilizado tanto dentro do HTML como em um arquivo

  separado, e serve para alterar elementos do HTML, podendo se referir a eles

  de diversas formas, como pelas tags ou por classes.

O CSS é utilizado para alterar cores dos textos e fundos, aproveitando as variáveis globais do CSS.

Organize todos os blocos para salvar corretamente as variáveis de cor principal e cor texto.

• --cor-principal: #FBFBFB;

• --cor-texto: #FCFCFC;

• :root {

Utilizamos JavaScript para implementar o método addEventListener() nos botões da aplicação. Sobre essa implementação, é correto afirmar que:

• O método addEventListener() adiciona um ouvinte a um elemento do

  HTML. Esse método precisa de dois parâmetros: o evento que será escutado

  e a função que será executada quando for escutado.

• O método addEventListener() serve para adicionar botões à tela.

• O método addEventListener() adiciona um ouvinte a um elemento do

  HTML. Esse método precisa de um parâmetro: o evento que será escutado.

• O método addEventListener() adiciona um ouvinte a um elemento do

  HTML. Esse método precisa de um parâmetro: a função que será executada

  quando for escutado.

Crie um algoritmo que simula uma compra de supermercado. A cada código de barras que for lido, a quantidade de itens deve ser incrementada ao total. Ao fim das compras, é necessário que o total gasto seja exibido. Considere que esse total seja calculado em uma nova função.

Para isso, ordene todos os blocos abaixo:

• mostraTotal ( );}

• itens++;

• function compras ( ) {