pensamento-gg | Angular 14: aplique os conceitos e desenvolva seu primeiro CRUD

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Aécio Felipe de Barros Sampaio

| 98k xp | 17 posts

Boa tarde, criei uma classe também para quando o texto for maior que 512 caracteres chamada: pensamento-gg. Gostaria de saber se a lógica está legal assim, ou como pode ser otimizada, segue o print de como ficou e o código (também já alterei o CSS do media queries pra ficar responsivo):

  larguraPensamento(): string {
    if (this.pensamento.conteudo.length >= 256 && this.pensamento.conteudo.length <= 512){
      return 'pensamento-g';
    } else if (this.pensamento.conteudo.length >= 512){
      return 'pensamento-gg';
    }
    return 'pensamento-p';    
  }

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

solução!

por Larissa Dubiella

| 1046k xp | 2201 posts

Alura Scuba Team Monitora Escola Semente | Fórum Ops

26/09/2023

Oi, Aécio! Tudo bem por aí?

Legal que você adicionou mais uma possibilidade ao seu projeto :)

Para dar uma melhoradinha na lógica, você pode alterar a ordem de verificação das condições de tamanho e começar pelo maior (pensamento-gg). Assim, não é necessário fazer a verificação de duas condições dentro do primeiro if. Além disso, no seu código, o valor 512 está entrando tanto na primeira condição, quanto na segunda. Essa alteração também resolveria esse problema. Seria algo mais ou menos assim:

larguraPensamento(): string {
  const length = this.pensamento.conteudo.length;
  if (length >= 512) {
    return 'pensamento-gg';
  } else if (length >= 256) {
    return 'pensamento-g';
  }
  return 'pensamento-p';    
}

Se precisar de uma mãozinha, estou por aqui. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!