Page on Role Playing Game project is unresponsive

Hello!

I’m on step 57/58 of the Role Playing Game lesson. Step 57 passes fine but when I go to the next page, the preview dissapears and the submit button is unresponsive.

I have tried using different browsers, making sure my extensions are turned off, and clearing my local storage. Still getting the same problem when I try to continue with the lesson.

Any help or advice appreciated!

Hello there,

I cannot reproduce any issue with that step or the ones before/after it.

The usual advice would be:

So, the only other thing to try would be debugging the issue yourself. On step 57, open the browser dev tools, complete the step, navigate to the next step, and see if any errors appear in the console.

Then, we can move forward from there.

I just uesed the developer tools to check and before I even submitted step 57 again, there were tons of errors in the console.

After submitting, there are more. I’ve included screenshoots of the errors I’m getting. Very new to coding and using the browser dev tools are completely new to me. How can I go about troubleshooting this?


Only one of those errors are related, but you can see at the end, there is that error with the previewChallengeSaga.

You are missing a , (comma) in your code. Add it, and see what happens.

I added the comma, checked the surrounding code, and tried running it again. It still gets frozen on step 58 and doesn’t let me press the button to submit.

I went back to step 50, submitted the code fine, then on step 51 I had the same problem with errors that are seemingly non existant in the code, the submitting button freezes, and I cannot progress.

Went all the way back to step 1 to test it again and am now receiving this as my only error in the console. Should I just completely restart this project? It’s really frustrating and I have no idea how to fix it or what went wrong. Up to step 57, everything was fine.

it looks like you forgot an assignment operator on line 19 of your javascript file

Yes but it was correct before and the code passed. I think there must be a bug because I am working back throught the beginning of the project and ran the code:

<link rel="stylesheet" href="styles.css"> 

The code passed however after submition, the CSS file did not come up and my CSS code was completely changed to what you see in the screenshot.

This has happend several times in the last few days as I’ve worked on some of the HTML/CSS projects in the Web Development section but it was never a serious issue.

If I try to correct the code now, it still keeps reverting to values I didn’t submit. That must be what’s happening when I get to step 57/58.

I don’t see any CSS in the code you posted. You start working on the CSS file several steps after this one.

Totally understand, but while working through the Web Development section, I never had this issue. Typically when I create a link to the styles.css file, the file pops up on the top of the page next to html right away. (it had done so the first time I started this Role-Playing project). I’ve been working through everything from step one again and the CSS file finally popped up, but it had appeared right away the first time, which is why I was concerned.

Also doesn’t explain why I’m prompted to include an href link to my css file but then changes the code to an input I didn’t submit. Is that normal? Could you explain why that is happening?

Still trying to work out how my code messed up since I didn’t touch anything after submitting it and everything up to step 57 had been smooth.

The code you write is checked but then it is not kept in memory for the next step, the next step has its own starting code, which is why even if you wrote the link in a position, then it moved somewhere else in the next step.

For the css file, it appears when it starts being included in the starting code, which is when you start writing in it. I guess it could make sense to have it start appear immediately but then it stays empty for several steps :thinking:

Ah that makes sense. Is there a way to save my current progress in case I leave and come back? Can’t seem to find anything.

Not sure why the code would change or move about otherwise and I’ve never had an issue with the entire preivew disapearing and being completely unable to press the submit button… so strange. Hopefully working through it again will help. :upside_down_face:

your progress is automatically saved every time you complete and submit a step

there are changes made to the lessons, could that explain it? like the CSS file being introduced much later than it was in the previous version

maybe you had a syntax error? try to open the console when that happens and see if it says anything

Maybe that’s it… I will try as I go through~
Is it possible for code to be submitted and accepted even if there is a syntax error? Unless, as you mentioned, there was a change made to the lesson as I was working through it…?

It’s a bit frustrating that despite double checking and fixing the errors on the console and going over my work in detail, I could not get past that step.

Looking at everything even closer a second time through :sweat_smile::mag_right:

not in the JavaScript curriculum

You could have accidentally created a syntax error only in the step that you got stuck in

OMG I FIGURED IT OUT!!! The instructions were confusing but I just realized I needed a comma between my objects, not within the object itself. What a nightmare for a simple solution. :sweat_smile: :sweat_smile: :smiling_face_with_tear:

Thank you for your help!

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.