How do I change a CSS grid container content with a button?

I am trying to get a CSS grid layout container content to change when I press a button.

I want to change the content of a middle section of the grid so it’s showing different things but stays on the same html page.

I need JS but not sure how. I’m new to coding.

I cannot try since I don’t know how.