How to make a Print button on item.md page that prints some elements of item.md, not all

Hello,
I have an item.md page of a blog section, this item .md page has plenty of data displayed on the screen.

I need to include a button on item.md that takes the following elements from the frontmatter:

hero_image: page_hero_image.jpg
media_order: first_image.jpg
media_order: second_image.jpg
title: 'Tittle of page'
page.summary|raw 
page.more-frontmatter-data

and builds a page for the printer, in landscape mode, as shown in the following image:

I can build the HTML/CSS for the printout, but I do not know how to send con clic to the printer. I will need Javascript to interact with a Grav print twig template, I guess.

Any help is very much appreciated.
Thanks

Just use print media CSS and add a button

<button onclick="window.print()">Print</button>

Thank you @Karmalakas I will try it, I saw something similar in this post:
/forum/general/print-article-button-t632

But I was unsure, I thought I had to create a print.html.twig template to do so since the print page will not use all original web page elements nor will they be in the same layout and disposition on the print page.

I will try your proposed solution and figure out how to print differently using CSS for the print device.

Thank you and regards.

Actually, you don't even need a print button. Ctrl/Cmd + P or browser print menu works with CSS print media queries

@joejac:
It is not supported on Android

Isn't it really? 🤔
https://caniuse.com/mdn-api_window_print

@Karmalakas:
Isn’t it really? 🤔

I tested on an Android 11 ZTE phone and Window.print() from a javascript function, does not print.
https://wiki.appstudio.dev/Window.print()

Regards

What's the browser there?

My ZTE Android has Google Chrome.

Works just fine on Pixel 6a in this example
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_print