Tncr adlı üyeden alıntı: mesajı görüntüle
Basit bir örnek hazırladım. İhtiyacınıza göre düzenlersiniz.

<html>
<head>
    <style>
        @media print {
            .yazdirilacakalan {
                display: inline-block!important;
            }
            .yazdir_butonu {
                display: none!important;
            }
        }

        .yazdirilacakalan {
            display: none;
        }
        
        .yazdir_butonu {
             display: block;
        }
    </style>
</head>

<body>
    <div id="metin" class="yazdirilacakalan">Burası metin bölümü.</div>
    <button id="yazdir_butonu" class="yazdir_butonu">Yazdır</button>

    <script type="text/javascript">
        document.getElementById("yazdir_butonu").addEventListener("click", function () {
            window.print();
        });
    </script>
</body>
</html>
çok teşekkürler hocam