How to set visible layer in CardLayout? And how to change them?

Question

JavaScript

My main goal is to write an organizer that will contain a CALCULATOR (written by me), "TO DO LIST" (not started yet). When the program starts, the main menu opens. There is a list: a calculator and "to do list". When I launch at least something from the list, the clicked one opens in a new window. And I need the window to be one, and the content to change to the selected element. How to solve this problem using CardLayout?

Answer 1

Erm, the red lines can be skewed using transform (skew), the menu is a regular ul or nav, and the left side of the tabs are linked to the menu items. Well, that's according to your description. And so it is desirable to still look at the site itself from which the screenshot was taken.

Answer 2

All this can be done without using js, use tabs in css

Answer 3

Ruslan Shadura is right, they don't make up with JS. Layout using html and css. JS is used in the most extreme cases, when all other options are useless.

Answer 4

After calling the second window, set the first one to setVisible(false);