6
respostas

[Projeto] Projeto pessoal

Olá, estou fazendo um projeto e estou tentando usar o biblioteca Typed, mas não está funcionando no projeto, ai gostaria de saber se vcs podem me ajudar? Se sim, eu posso mandar o link ?

6 respostas

Olá Victor, como vai?

Claro, fique à vontade para compartilhar o link. Tanto eu quanto a comunidade Alura faremos o possível para lhe auxiliar da melhor maneira possível. Conte conosco!

https://painkag.github.io/Portifolioo/

era pra as palavras aparecerem depois do "Eu sou " releva os erros de estilização, vou ir arrumando

Olá Victor, tudo bem?

Gostaria de solicitar o link do seu repositório, e deixar mais uma pergunta que palavras são essas?

Para compartilhar o link do seu projeto, basta abrir o seu repositório e copiar o link, como exemplificado mais abaixo:

Copiando o link pelo github e colando dentro do tópico Fico no Aguardo e disposição para lhe auxiliar

Um grande abraço e até mais!

https://github.com/painkag/Portifolioo

Suponho que agora vai


Essas são as palavras : Desenvolvedor, Analista e etc

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

Olá Victor, tudo bem?

Peço desculpas pela demora em obter um retorno

Analisando o seu projeto e realizando os devidos testes, para solucionar o seu problema, devemos seguir alguns passos:

  1. Mover o link do script em nuvem da biblioteca para a tag head do HTML desse modo a biblioteca é importada antes do body ser renderizado.

    • <head>
      <meta charset="UTF-8" />
      <title>Exemplo de uso do Typed.js</title>
      <link rel="stylesheet" href="Components/NavBar/NavBar.css"/>
      <link rel="stylesheet" href="Components/Main/main.css"/>
      <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11/lib/typed.min.js"></script>
      </head>
  2. Logo depois no arquivo TrocaNome.js

    • Devemos apagar a primeira linha que no caso é o import, como não tem esse arquivo para ser importado o uso da linha da erro.
  3. Por fim devemos utilizar a classe dentro do document.querySelector da forma correta, como exemplificado mais abaixo:

    •  const typed = document.querySelector('.typed');

      Foi adicionado o ".(ponto)" antes do typed, deste modo podemos acessar a class, .typed .

  4. Para evitar alguns bugs, que em alguns testes as palavras quebrou o espaço da div, podemos apenas refatorar essa linha dentro do arquivo js.

      strings: ["Desenvolvedor","Analista","Freelancer","Designer"]

    desse modo a tag p não atrapalha na execução do conteúdo.


    Com essas alterações obtemos o seguinte resultado:

    Imagem do portifólio funciona o typed

Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!

Sucesso

Um grande abraço e até mais!

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

Eu agradeço muito pela atenção! fiz oq você disse e deu certo. Tava um pouco desanimado por não conseguir achar o erro, mas com sua ajuda já voltei ao normal.^^