Tell us what’s happening: i cant get it to work and i tried evrything i think. i cant pass Your code so far Simple Game /* CSS for the loading screen */ #loading-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 9999; } #loading-text { font-size: 24px; margin-top: 20px; } /* CSS for the button */ #action-button { margin-top: 20px; padding: 10px 20px; background-color: #007bff; color: #ffffff; border: none; border-radius: 5px; cursor: pointer; } /* CSS for the hidden image */ #hidden-image { display: none; margin-top: 20px; } Loading... Please wait while the content is loading... Welcome to My Simple Game! This is a simple game. Click the button to reveal a hidden image. Click Me! // Simulate loading process document.addEventListener("DOMContentLoaded", function() { // Show loading screen var loadingScreen = document.getElementById("loading-screen"); loadingScreen.style.display = "flex"; // Simulate loading time (5 seconds) setTimeout(function() { // Hide loading screen loadingScreen.style.display = "none"; }, 5000); // Adjust the time as needed // Log "Hello World" to the console console.log("Hello World"); }); // Function to handle button click document.getElementById("action-button").addEventListener("click", function() { // Show hidden image var hiddenImage = document.getElementById("hidden-image"); hiddenImage.style.display = "block"; }); Your browser information: User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36 Challenge Information: Learn Basic JavaScript by Building a Role Playing Game - Step 3 [image] freeCodeCamp.org Learn to Code — For Free

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.

Well, what is this code? In RPG game Step 3 you have to do different things

it says : Step 3 One of the most powerful tools is your developer console. Depending on your browser, this might be opened by pressing F12 or Ctrl+Shift+I. On Mac, you can press Option + ⌘ + C and select “Console”. You can also click the “Console” button above the preview window to see our built-in console. The developer console will include errors that are produced by your code, but you can also use it to see values of variables in your code, which is helpful for debugging. Add a console.log("Hello World"); line between your script tags. Then click the “Console” button to open the console. You should see the text "Hello World". Note how the line ends with a semi-colon. It is common practice in JavaScript to end your code lines with semi-colons.

Yes, that’s the task description for RPG Game step 3. So show your attempt, describe your issue to help you

[image] lize.bartman.student: its suposed to be java JavaScript, to be precise

my brain is now broken cus i dont understand what the problem is and what to fix.

Learn Basic JavaScript by Building a Role Playing Game - Step 3

Curriculum Help

Ray13 March 15, 2024, 10:50am 9

Well, no code - no help. How to show your code:
Forum code formatting

Topic		Replies	Views
Web page help for displaying a game General	4	603	June 9, 2020
Learn Basic JavaScript by Building a Role Playing Game - Step 46 how pass this stage since there's button to click to the next step General	3	431	February 4, 2024
Learn Basic JavaScript by Building a Role Playing Game - Step 1 General português	1	270	February 7, 2024
Image not showing up after onclick General	3	732	November 12, 2020

Learn Basic JavaScript by Building a Role Playing Game - Step 3

Related topics