Most operating systems use a meta-key (Windows logo or Command) plus the relative direction of the screen.

This sends your active cursor or your "focus" (the highlighted window) to the top, bottom, left, or right screen instantly.

In this guide, we will walk you through the process of toggling between screens at the top. This can be achieved using various programming languages and frameworks. Here, we will focus on a general approach using HTML, CSS, and JavaScript.

Create a JavaScript file (script.js) to add interactivity to the navigation buttons:

// script.js
const screens = document.querySelectorAll('.screen');
const navBtns = document.querySelectorAll('.nav-btn');
navBtns.forEach((btn, index) => 
    btn.addEventListener('click', () => 
        screens.forEach((screen) => screen.classList.remove('active'));
        screens[index].classList.add('active');
    );
);