Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

App Calculate Age

@JuliaGCB

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


A parte mais dificil nesse projeto foi o JavaScript, calcular a idade a partir do aniversario e considerar se ja tinha feito aniversario. Colocar o alerta vermelho nos inputs foi uma tarefa que nao consegui realizar! E deixa-lo 100% responsivo foi bem dificil. Foi um desafio bem legal de se realizar, consegui testar meu nível de conhecimento.

PS: Não estou conseguindo fazer o GitHub pages ficar com o css e o js. Se alguém souber como arrumar.

The hardest part of this project was the JavaScript, calculating the age from the birthday and considering whether it had already been a birthday. Putting the red alert on the inputs was a task that I couldn't accomplish! And getting it 100% responsive was pretty hard. It was a really cool challenge to do, I was able to test my level of knowledge

PS: I can't get GitHub pages to stick with css and js. If anyone knows how to fix.

Community feedback

nicol29 200

@nicol29

Posted

Hi Julia,

The reason your application is not showing the styles and javascript you have implemented is because you are not importing the files into your html correctly, in the head of your index.html you are importing your styles with the following:

<link rel="stylesheet" href="/css/style.css">

Change the link in the href attribute and add a . before your path:

<link rel="stylesheet" href="./css/style.css">

Well done and keep practicing! :)

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord