Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
13
P

Loic Cape

@loiccapeBeziers290 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • password generator


    P
    Loic Cape•290
    Submitted 8 months ago

    1 comment
  • Tip Calculator


    P
    Loic Cape•290
    Submitted 8 months ago

    1 comment
  • Time-tracking-dashboard


    P
    Loic Cape•290
    Submitted 8 months ago

    1 comment
  • Newletter-sign-up


    P
    Loic Cape•290
    Submitted 8 months ago

    1 comment
  • Article-preview-component


    P
    Loic Cape•290
    Submitted 8 months ago

    1 comment
  • Meet-landing-page


    P
    Loic Cape•290
    Submitted 8 months ago

    1 comment
View more solutions

Latest comments

  • Matthias Nilsson•980
    @RalfiSlask
    Submitted over 2 years ago

    Password generator

    1
    P
    Loic Cape•290
    @loiccape
    Posted 8 months ago

    your code is clean , great job

  • collins-ai•450
    @collins-ai
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    At least i managed to get the code to run and the calculator to work.

    What challenges did you encounter, and how did you overcome them?

    I just couldn't make the JavaScript code reuseable nor standard, the code has a very low performance.

    What specific areas of your project would you like help with?

    I would love to get help in writing more standard JavaScript code. My javascript is very bad.

    A tip calculator using HTML, CSS and JavaScript

    1
    P
    Loic Cape•290
    @loiccape
    Posted 8 months ago

    The calculator is not working; the button remains active after switching. There’s no error handling. For the button functionality, you just need to track the last clicked button in JavaScript. For example, if button one is clicked, set button.style.backgroundColor = 'green', and reset the background color of all other buttons. For error handling, track the value of your input fields. If the value is 0, display the <p> element containing the error message by setting display: block.

    Marked as helpful
  • NathanGeovane•220
    @NathanGeovane
    Submitted 8 months ago

    Time tracking dashboard

    1
    P
    Loic Cape•290
    @loiccape
    Posted 8 months ago

    You result is clean , ready good work !

  • Amneisa•230
    @AmneisaOB
    Submitted 8 months ago

    Newsletter sign-up form

    2
    P
    Loic Cape•290
    @loiccape
    Posted 8 months ago

    Care about your file on assets , assets is here to contain extern source , like image font sound ... not code. But you did realy great job keep going mate

    Marked as helpful
  • Riya•110
    @i-am-riya
    Submitted 8 months ago

    Article Preview Component

    1
    P
    Loic Cape•290
    @loiccape
    Posted 8 months ago

    We’re on the same page about already creating the div in HTML instead of generating it in the DOM with JavaScript. Just keep in mind that you can add styles directly in JavaScript, like setting yourElement.style.display = "none"; or "block". This can make it easier for others to read and understand your code. Honestly, you did a great job!

  • Thiago Rodriguez•130
    @thiagorodriguezdev
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Me orgulho em ter conseguido fazer a responsividade do projeto, sem ver alguma video aula de curso!

    What challenges did you encounter, and how did you overcome them?

    desafio enorme com media queries

    What specific areas of your project would you like help with?

    media queries

    É com enorme prazer em informar que consegui fazer a responsividade!

    1
    P
    Loic Cape•290
    @loiccape
    Posted 8 months ago

    you did realy good job on your css files

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub