romulocraveiro / geracoes

Exercício de JavaScript que mostra a geração de uma pessoa, seu significado e uma ilustração, a partir do ano de nascimento

Descubra qual é a sua geração

Objetivos / Aims

• Usar JavaScript para fazer aparecer imagens e textos ao se digitar o ano de nascimento e clicar no botão "Mostrar".
• Use JavaScript to make images and texts appear when typying the birth year and clicking the button "Mostrar" (show).

Problemas que consegui resolver / A problem I was able to solve

• Eu queria manter o mesmo background para a página "Saiba mais", mas o "linear-gradient" não era apropriado para dar destaque ao texto. Resolvi então criar outra folha de estilo como novas instruções e funcionou.

• I wanted to keep the same background image to the page "Saiba mais" (learn more), but the linear-gradient was not appropriate for readability. Then I decided to create another style sheet with new instructions and it worked.

• Eu havia adicionado o ícone do GitHub no footer, mas o WAVE (web accessibility evaluation tool) sinalizou a falta de um texto para o link por trás do ícone. Foi então que resolvi acrescentar "GitHub:" antes do ícone.

• I had added the GitHub icon on the footer, but WAVE (web accessibility evaluation tool) signalized the lack of a text for the link embeded in the icon. Then I decided to add "GitHub:" before the icon.

Algumas lições que aprendi / Some lessons I learned

• É possível estilizar um elemento "img" no CSS mesmo que não esteja presente no documento HTML e sim somente no JavaScript.

• It is possible to style an "img" element on CSS even if it is only on the JavaScript document, not on the HTML one.

• Para usar aspas duplas (" ") num texto que é efeito do JavaScript é necessário colocar todo o conteúdo do texto dentro de aspas simples (' ').

• To use double quotation marks in a text that is an effect of JavaScript it is necessary to include it between simple quotation marks (' ').

• Usa-se a tag &nbsp com ponto e vírgula para adicionar espaço em um texto. Eu a utilizei para separar a barra vertical dos textos no footer.

• One can use the tag &nbsp with a semi-colon to add space in a text. I used it to separate the pipe character from the texts on the footer.

Tecnologias / Technologies

• CSS
• HTML
• JavaScript

Links

• Site deste projeto
• Dicas sobre adicionar espaços em HTML

Autor / Author

Foto	Nome	GitHub	Likedin	E-mail
	Romulo Craveiro de Sousa Tartaruga	Romulo Craveiro	Linkedin	[email protected]