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.
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.
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?
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.
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.
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
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.
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
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.