How do you run a game created for the web in fullscreen? In this quick tutorial, you'll see how to display a game or any other HTML element in fullscreen, how to exit fullscreen, and how to make a nice fullscreen toggle button in SVG. Recently I published a long

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

Learn how to use the Fullscreen API in JavaScript to display a game or any HTML element in fullscreen mode. Discover how to enter fullscreen mode, style the fullscreen, display games with the canvas element in fullscreen, and how to exit fullscreen. Also, learn how to create a fullscreen toggle button with SVG.

How to use the Fullscreen API in JavaScript

How to Display Games with the Canvas Element in Fullscreen

<p>This is not working in Safari with macOS</p>


<p>Nice tutorial. However, I find the “Drawing on a Canvas Element with Javascript” part much more interesting than the fullscreen function 😁</p>
