MATEMATICA 2B AV2 T2 - WEB - 2 TRI Unidade de Strings:

O HTML e o CSS são linguagens essenciais para a construção de páginas web. O HTML é responsável pela estrutura do conteúdo, enquanto o CSS define a aparência da página. A tag < ​ (a)   >é usada para definir o título principal de uma página, geralmente exibido em tamanho maior e destacado. Já para adicionar um link clicável em uma página HTML, utilizamos a tag < ​ (b)   >. A conexão entre um documento HTML e um arquivo CSS externo é feita por meio da tag < ​ (c)   >, que deve ser inserida dentro do . Para definir uma classe no CSS e aplicá-la a um elemento HTML, utilizamos o seletor (d)   (símbolo usado antes do nome da classe). Agora, indique a tag correspondente com cada definição, ordenando todos os blocos abaixo.

• . (ponto)
• h1
• a
• link

Joaquim e Paula estão desenvolvendo um site interativo para ajudar seus colegas a revisarem conteúdos de matemática.

No site, há um botão que, quando clicado, deve exibir uma dica sobre um conceito matemático. Para isso, o professor sugeriu o código (imagem ao lado). Joaquim ficou encarregado de explicar o que esse código faz e como ele pode ser usado para manipular o botão na página.

Com base no código apresentado, qual função descreve o contexto do DOM?

• A alteração automática da cor do botão, dispensando os eventos de clique.

• A seleção de um elemento que tenha o id "mostrar-dica" e que permita a manipulação via JavaScript.

• A criação de um novo botão chamado "mostrar-dica" dentro da página.

• A remoção de todos os botões da página que tenham um id parecido com "mostrar-dica".

Um grupo de estudantes de tecnologia decidiu criar um site para ajudar pessoas que enfrentam depressão e ansiedade. O site conta com um botão de ajuda, que ao ser clicado, deve exibir uma mensagem incentivando a busca por apoio, mostrando o seguinte alerta:

Se você precisa de ajuda, ligue 188

O professor forneceu o seguinte código JavaScript para tornar o botão funcional (imagem ao lado). No entanto, o código ainda não funciona, pois falta a função responsável por exibir a mensagem de apoio.

Ordene todos os blocos para criar a função exibirAjuda para que, ao clicar no botão, um alerta com a mensagem "Se você precisa de ajuda, ligue 188." seja exibido na tela.

• function

  alert('Se você precisa de ajuda, ligue 188.');

  {

  }

  exibirAjuda()

• function

  exibirAjuda()

  alert('Se você precisa de ajuda, ligue 188.');

  {

  }

• function

  exibirAjuda()

  }

  alert('Se você precisa de ajuda, ligue 188.');

  {

• function

  exibirAjuda()

  {

  alert('Se você precisa de ajuda, ligue 188.');

  }

iIentifique qual é o método ou palavra-chave correspondente a cada definição. Ordene todos os blocos abaixo:

• let

• Método que divide uma string (texto) em um array (lista), utilizando um separador definido pelo programador.

• const

• Método que une os elementos de um array (lista) em uma única string (texto), permitindo definir um separador entre os itens.

• split()

• Define uma variável que pode ter seu valor atualizado ao longo do código.

• join()

• Define uma variável cujo valor não pode ser reatribuído após a inicialização.

Marcio e João estão criando uma página interativa para um projeto escolar de física. O site contém um botão que, ao ser clicado, deve exibir a fórmula da velocidade média na tela. Para isso, o professor sugeriu o seguinte trecho de código (imagem ao lado). Com base no funcionamento da propriedade textContent no código, qual descrição representa seu papel na exibição do resultado na tela?

• A propriedade textContent modifica o design do botão, deixando-o com um efeito visual diferente quando pressionado.

• A propriedade textContent adiciona um novo botão na área de resultado, exibindo a fórmula da velocidade média dentro do botão.

• A propriedade textContent altera o conteúdo de texto do botão, exibindo a fórmula quando o mesmo é clicado.

• A propriedade textContent altera o conteúdo de texto da área de resultado, exibindo a fórmula na tela quando o botão é clicado.

Camila e Pedro estão organizando uma planilha de contatos para o time de futsal da escola. Eles receberam uma lista com os nomes dos jogadores, mas os nomes estão todos juntos em uma única string.

A string original que receberam foi o código da imagem ao lado. Caso o método split fosse aplicado com a condição (" ") sobre a string no código, qual saída ocorreria?

• ["João", " Maria;Carlos-Pedro Ana|Lucas"]

• ["João,", "Maria;Carlos-Pedro", "Ana|Lucas"]

• ["João, Maria;Carlos-Pedro Ana", "Lucas"]

• ["João", "Maria", "Carlos", "Pedro", "Ana", "Lucas"]

Um grupo de estudantes criou um código secreto usando números nas palavras, como "3st4 t4r4 1000!" para dizer "Esta tarefa é mil!". Porém, logo a comunicação ficou confusa e os professores reclamaram.

Para resolver, decidiram que só poderiam usar letras e criaram um filtro com regex no grupo de mensagens.

Nesse contexto, qual regex eles deveriam escolher para que as mensagens contenham apenas letras maiúsculas e minúsculas, sem números, símbolos ou pontuação.

• ^[a-zA-Z]+/

• ^[0-9]+/

• ^[a-zA-Z0-9]+/

• ^[^a-zA-Z]+/

Sobre a Estrutura REGEX, Analise as afirmações a seguir e ordene todas as estruturas abaixo de acordo com a sua funcionalidade dentro da regex.

• //

• Representa um conjunto de letras negado (qualquer caractere que não seja uma letra).

• \P{L}

• Dentro da regex, refere-se a caracteres de letras de qualquer idioma.

• +

• Indica o início e o final de uma regex em JavaScript.

• u

• Permite reconhecer letras de diferentes alfabetos, através do unicode.

• {L}

• Indica que o comando deve ocorrer uma ou mais vezes seguidas.

Com relação aos métodos das Expressões Regulares (Regex), combine-os abaixo:

• search

• Um método String que usa uma expressão regular ou uma string fixa para quebrar uma string dentro de um array de substrings.

• split

• Um método String que executa uma pesquisa por uma correspondência em uma string, e substitui a substring correspondênte por uma substring de substituição

• match

• Um método String que executa uma pesquisa por uma correspondência em uma string. Retorna uma array de informações ou null caso não haja uma correspondência.

• replace

• Um método RegExp que execute uma pesquisa por uma correspondência em uma string. Retorna um array de informações.

• exec

• Um método String que testa uma correspondência em uma string. Retorna o indice da correspondência ou -1 se o teste falhar.

Pedro, Marina e Lucas estavam desenvolvendo um programa para contar quantas vezes cada palavra aparece em uma lista de textos. Cada um sugeriu uma parte importante do código: Pedro sugeriu usar duas variáveis para percorrer toda a lista e comparar as palavras entre si. Para isso, utilizou as nomenclaturas  ​ (a)   . Marina percebeu que precisavam de uma comparação para verificar se as palavras eram exatamente iguais. Então, incluiu o operador ​ (b)    na condição. Lucas lembrou que, sempre que encontrassem uma repetição, deveriam aumentar a contagem da palavra em uma vez. Para isso, utilizou o operador ​ (c)   no retorno da condição.

• 'x' e 'g'
• ==
• ++