How to check if button was Pressed javaScript

Question

I have this button in HTML and I need to check if the button has been pressed to activate another function or not.

<button id="generator" class="button ripple" onclick="myFunction()">Berechnen</button>

    function printDiv(print) {
        if(document.getElementById('generator').clicked == true){
            var printContents = document.getElementById(print).innerHTML;
            var originalContents = document.body.innerHTML;
       
            document.body.innerHTML = printContents;   
            window.print();
            document.body.innerHTML = originalContents;
            
        }
        else{
            alert("pls select")
        }
       
   }

You can simply use a flag variable and set it in `click` event handler — Pranav Rustagi, Feb 17 '21 at 07:04
Does this answer your question? [Check if a button is being clicked in Javascript](https://stackoverflow.com/questions/26997409/check-if-a-button-is-being-clicked-in-javascript) — s.kuznetsov, Feb 17 '21 at 07:05
Does this answer your question? [How to check whether a Button is clicked by using JavaScript](https://stackoverflow.com/questions/2788191/how-to-check-whether-a-button-is-clicked-by-using-javascript) — caramba, Feb 17 '21 at 07:17

score 0 · Accepted Answer · answered Feb 17 '21 at 07:18

0

You should use this function directly on button click:

    <div id="printDiv1">Printable Content</div>
<button id="generator" class="button ripple" onclick="printDiv('printDiv1')">Berechnen</button>
<script>
function printDiv(print) {
        //if(document.getElementById('generator').clicked == true){
            var printContents = document.getElementById(print).innerHTML;
            var originalContents = document.body.innerHTML;
       
            document.body.innerHTML = printContents;   
            window.print();
            document.body.innerHTML = originalContents;
            
        //}
       // else{
       //     alert("pls select")
        //}
       
   }
</script>

here the variable passed in the method printDiv(print) can be defined earlier or can be id of the div to print.

answered Feb 17 '21 at 07:18

MSQ

489
5
15

i have 2 buttons one to generate and the other one to print. but you can only print after you used one time the generate buttonhow can i make this – obind Feb 17 '21 at 08:18
the question was about checking one button click, so I answered for that to directly use onclick. method print. – MSQ Feb 17 '21 at 08:27
if there are 2 buttons, one for generate and 1 for print, you can use 2 functions sending same arguments(div ID) but 1 button will use generating function, the 2nd button will use printing function onclick. – MSQ Feb 17 '21 at 08:29

score 0 · Answer 2 · answered Feb 17 '21 at 07:29

0

document.getElementById('button').onclick = function() {

   alert("button was Clicked");

};

<h3>Click on button below </h3>
<button id="button"> Click Me! </button>

answered Feb 17 '21 at 07:29

Faraz Ahmad

21
6

How to check if button was Pressed javaScript

2 Answers2