Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
1

Caleb

@calebQWEBNigeria320 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!

I’m currently learning...

react.js

Latest solutions

  • Responsive landing page built with Html, CSS and JavaScript

    #gsap

    Caleb•320
    Submitted over 2 years ago

    0 comments
  • Loop studios landing page built in react

    #react

    Caleb•320
    Submitted over 2 years ago

    0 comments
  • Sunnyside landing page built with React

    #react

    Caleb•320
    Submitted over 2 years ago

    0 comments
  • Random advice generator built with react

    #react

    Caleb•320
    Submitted almost 3 years ago

    0 comments
  • Responsive Lading page built in react

    #react

    Caleb•320
    Submitted almost 3 years ago

    0 comments
  • Responsive Todo list app built with Html, CSS and JavaScript

    #sass/scss

    Caleb•320
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • Rio Rifaldi•100
    @rio-rifaldi
    Submitted almost 3 years ago

    i only use vanila javascript,html and css preprocessor (sass)

    #sass/scss
    1
    Caleb•320
    @calebQWEB
    Posted almost 3 years ago

    Hi Rio

    great job on the layout, first off you could store the user's rating input in an empty array or an empty string, in my case I used an empty string and then set the length of that string to always equal 1 if it doesn't equal 1 I used the .slice() method to remove the first item in the string.

    and then secondly instead of having a separate file for the thank-you section, you could have it in a separate container in your index.html and set it to display : none and then set an event listener on the submit button to display the container and hide the rating section whenever you click it.

    I hope this was helpful Happy Coding

    Marked as helpful
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