ESCOLA DE TECNOLOGIA

Programação JavaScript

Exercício 02: Beabá sobre Interpolação de Variáveis

Objetivo:

  • Aprenda a declarar e atribuir valores a variáveis em JavaScript.
  • Utilize o método de interpolação para exibir valores de variáveis de forma mais elegante.

Exercícios:

  1. Crie um programa que declare as seguintes variáveis:
  • firstName: uma string que representa seu nome.
  • lastName: uma string que representa seu sobrenome.
  • maritalStatus: uma string que representa seu estado civil (solteiro, casado, divorciado).
  • country: uma string que representa seu país.
  • age: um número que representa sua idade.
  1. Exiba o valor e o tipo de cada variável no console usando o método de interpolação.

Exemplo de solução:

let firstName = "João";
let lastName = "Silva";
let maritalStatus = "solteiro";
let country = "Brasil";
let age = 30;

console.log(`
Meu nome é ${firstName} ${lastName}. Minha idade é ${age}. Meu estado civil é ${maritalStatus}. Eu moro no ${country}
`);

Resultado esperado:

Resultado esperado:

Meu nome é João Silva. Minha idade é 30. Meu estado civil é solteiro. Eu moro no Brasil

Explicação:

  • O método de interpolação permite inserir valores de variáveis diretamente em strings.
  • Para utilizar o método de interpolação, utilize a crase (`) ao invés de aspas simples ou duplas.
  • Dentro da crase, insira o nome da variável entre as chaves ${}.

Exercício adicional:

  1. Refatore o código acima para criar uma função chamada personalDetails que recebe como parâmetros os valores das variáveis firstName, lastName, maritalStatus, age e country.
  2. Dentro da função personalDetails, utilize o método de interpolação para exibir os valores das variáveis em uma única string.
  3. Chame a função personalDetails passando os valores das variáveis declaradas no início do código.

Exemplo de solução:

function personalDetails(firstName, lastName, maritalStatus, age, country) {
  let result = console.log(
    `Meu nome é ${firstName} ${lastName}. Minha idade é ${age}. Meu estado civil é ${maritalStatus}. Eu moro no ${country}`
  );
}

let details = personalDetails("João", "Silva", "solteiro", "30", "Brasil");

Resultado esperado:

Crie uma função chamada gerarFrase() que recebe como parâmetros o nome do autor e a frase da citação.

Dentro da função gerarFrase(), utilize o método de interpolação para exibir a citação no formato de HTML. Por exemplo, você pode:

  • Adicionar um fundo ou uma moldura à citação.
  • Utilizar cores ou animações para destacar a citação.
  • Formatar a citação de forma diferente, como por exemplo, usando uma fonte diferente ou um tamanho de fonte diferente.

Resultado esperado:

Ver mais