How to show and hide pop up onclick in pure javascript?

Question

i have a pop up class called "query-pop-up", i want to show and hide popup onclick in pure js. How to achicve that.

SHould i use addEverntListerner, or somethinge else.

Please let me know using this.

Answer 1

I'm pretty new to Javascript myself, but from what I understand in your question, it seems that you are doing some form of web design and are likely also using HTML and CSS.

You could probably use an addEventListener method, but I think the jquery toggle method would be more convenient because it allows you to 'toggle' between hide and show for all elements. Without further detail, I can't really recommend a specific implementation, but I would suggest to check out the following links:

• https://www.w3schools.com/howto/howto_js_popup.asp
• https://www.w3schools.com/howto/howto_js_toggle_class.asp
• https://www.w3schools.com/jquery/eff_toggle.asp

Hope I was somewhat helpful! Good luck! :)