savvystrider15
KPCKevin Powell - Community
•Created by savvystrider15 on 10/15/2023 in #front-end
How to keep track of steps/step #'s in a multi-step form with JS?
How to keep track of steps/step #'s in a multi-step form with JS?
I am working on a multi-step form challenge from devChallenges. I've got most of the form validation complete but I'm a bit stuck on how best to keep track of and display the current step number. Ideally, the dot indicators should be connected but I'm not worried about that at the moment. Right now, the step number increments higher than it should and clicking the button after the Success message pops up causes the content to disappear.
If anyone has the time/energy to take a look and offer suggestions, I would greatly appreciate it. Thank you in advance!
https://codepen.io/savvystrider/pen/rNogJro
12 replies
KPCKevin Powell - Community
•Created by savvystrider15 on 10/7/2023 in #front-end
React quiz app
I'm currently working on a quiz app for a Scrimba project but I'm a bit stuck on how to proceed. Right now, my app can fetch data from the API and display them on the page. However, I'm not sure how to make only one button active per question or how I should manage state for user selections (would this go in <App /> or in the component that's rendering the quiz questions?). Hopefully this made sense and I would appreciate it if anyone could take a look and offer some suggestions.
https://codesandbox.io/s/quizzical-nqjq39
8 replies
KPCKevin Powell - Community
•Created by savvystrider15 on 9/16/2023 in #front-end
JavaScript/webpack - issue with event listener in my index.js file
I am working on the Restaurant Page project from The Odin Project (https://www.theodinproject.com/lessons/node-path-javascript-restaurant-page). I'm new to using webpack and keep running into issues. The latest one is that the event listener in my
renderNavbar() prevents the page from rendering, even with Live Server on. If anyone can help, I'd greatly appreciate it. My code is in the src directory of my repo: https://github.com/savvystrider/webpack-restaurant-page34 replies
KPCKevin Powell - Community
•Created by savvystrider15 on 9/13/2023 in #front-end
JavaScript: How to display a week of dates at a time
I am working on a FrontLoops challenge where the page displays the current week of dates. Clicking on the prev button should display the previous week of dates and clicking the next button should display the next week of dates. Currently, my code automatically puts the current date in the container for Sunday no matter what day it is. I'm still fairly new to working with date and time in JavaScript, so I would appreciate any help/direction in making this functional.
https://codepen.io/savvystrider/pen/rNowMbz
4 replies
KPCKevin Powell - Community
•Created by savvystrider15 on 8/11/2023 in #front-end
JavaScript problem with switching tabs
I'm working on a FrontLoops JavaScript challenge. You should be able to cycle through three elements by clicking on the Change tab button. You should also be able to type in a number from 1 to 3, representing each tab index. Right now, I can cycle through the elements with the button but once I type in a value, I can't cycle anymore. Can anyone take a look and help me figure out what I'm doing wrong?
https://codepen.io/savvystrider/pen/eYQQqqK
8 replies
KPCKevin Powell - Community
•Created by savvystrider15 on 8/4/2023 in #resources
Can anyone recommend a tutorial/course for learning how to debug JavaScript in the browser?
I've been struggling with how to use Chrome's debugging features. The documentation offers resources/vids, but I'm curious if anyone has found a learning resource with a more structured approach for beginners.
1 replies