What works to prevent printing a print button shown at the top of my page?

See more:

printing

I am not a coder, so I'm using examples that I find online. Perhaps the code below is incomplete or implemented incorrectly due to my lack of knowledge.

The use of code to display a print button but not print it does not work. I have tried three methods but none work to prevent printing a blank first page.

My page is behind a log in screen so I can't provide a link here without compromising site security. Below is the code I'm using for displaying the print button and the input code to print the page. Maybe someone can see if my code has errors or is missing something.

This code is in the head of the page.

<script type="text/javascript">
    function printpage() {
        //Get the print button and put it into a variable
        var printButton = document.getElementById("printpagebutton");
        //Set the print button visibility to 'hidden' 
        printButton.style.visibility = 'hidden';
        //Print the page content
        window.print()
        //Set the print button to 'visible' again 
        //[Delete this line if you want it to stay hidden after printing]
        printButton.style.visibility = 'visible';
    }
</script>

and this is the Input code for the button in the body of the page.

<input id="printpagebutton" type="button" value="Print this page"  önclick="printpage()"/>

Page one prints a mostly blank page with the print button, page two and three are the page content that I want to print.

Thank you.