Preview Window not working in Build a Roman Numeral Converter

It’s completely white. The button beside, that opens a new window, also doesn’t work (opens blank webpage). The preview in all other lessons does work. I’ve tried many different things in the html, and it doesn’t display anything. Even copy-pasted previous lessons. Even tried code that previews correctly in VSC.

I’ve tried refreshing page, exiting tab and returning. Nothing works. I can’t do this project without it. Please help. Thank you!

Did you try another browser?

It worked until I signed in. I kinda need to be signed in though, I need to save my work. Plus it would be a hassle just to sign out for this one project. And I need it to count for my account. BTW, also I noticed other features not working, like when I click “Run the Tests”, it doesn’t checkmark the things I’ve done.

This is NOT a code issue, btw. I pasted the exact same code into the other browser before I signed in and it displayed.

So are you saying that you tested another browser and it worked there?
Please explain which browser is not working and which is. (Or if none are working, please list them)

Edit: it would be good if you showed us the simplest code that you tried so far that fails to be displayed. (Just to confirm on our end that it works)

Like I said, it worked UNTIL I signed in. That browser was edge. I logged out of firefox (original browser) and it works there now, too. So it’s a problem with being signed it.
If you want simple code that works, copy all from here:
Learn Basic CSS by Building a Cafe Menu: Step 10 | freeCodeCamp.org

Hey man, is the styles.css and script.js correctly connected inside the html? Made that mistake a lot hahaha

Can you post a screenshot of the screen with the code (the simplest one you tried that didn’t work)?

Please screenshot the page with the console displayed, the index.html displayed and any other code displayed in the same shot.

Try resetting, make sure all code is removed and submit with everything empty, also do a Ctrl + S. Reload the page.

Open the browser console (not the editor console) and reload the page, post any errors you see.


Does it work with only HTML without a script element?

1 Like

This is what fixed it for me. Thank you very much! The key was hitting “Run the Tests” with all code removed.
Thanks also to @hbar1st and @DiElDjiDLG for trying to help!

Good to hear.

We have an issue for reset, not resetting the code for certificate projects. I assume if you submit/save with errors in the code, it will save it and reload the same code again on reset. So you need to delete everything and re-submit to clear the saved code.

2 Likes

Yeah, that’s true. Clicking the reset button doesn’t clear the code (unless you had nothing saved), it returns to the last save state.

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