Quiero agregar código JavaScript a mi página para poder ejecutar algo solo una vez.

Tengo un botón que tiene un detector de eventos de clic y llama a una función JS.

 <button class="btn btn-warning m-auto"> Hi! Click me </button> <h4 style="display"none">Lorem Ipsum</h4> <script> $('button') .html('Click me') // Try edit it... .on('click', () => $("#myHeader").css("display","block")) </script>

Ahora, por lo que sé, este botón se ejecutará y "mostrará" como bloque ese encabezado cada vez que se haga clic en él. ¿Puedo de alguna manera hacer que se muestre solo una vez? PD: hacer que el botón no se pueda hacer clic después de que se haya hecho clic una vez no es una opción.

EDITAR: agregó un código cortado a esta pregunta. Como puede ver, obtendremos el texto console.log cada vez que hagamos clic en el botón. ¿Cómo podemos hacer que solo se ejecute una vez?

Tal vez como algún tipo de contador: cuando se hace clic en el contador ++, entonces si el contador <= 2 console.log ("hacer otra cosa")...

 #myH3 { display: none; }

 <button onclick="test();">Click me</button> <h3 id="myH3">lorem ipsum</h3> <script> function test() { document.getElementById('myH3').style.display = "block"; console.log("done"); } </script>