Overlay Screen after button WEB

Question

Hello, I am very new to web. Is for a Practical Work for university using HTML 4. The point is, that I need to know how to create a button that when touched displays a full screen overlay (with a gif on it and text, just like a loading screen) and after waiting a few seconds, the screen should disappear.

Answer 1

I’d suggest making the button cause a div to become visible with everything you want (so you can plan it in html and not in JavaScript) and use the setTimeout() function to make disappear after a few seconds

Answer 2

I don't exactly want to tell you exactly how to do it (as it is a university project), so here are a few resources that could help you - https://www.sololearn.com/learn/JavaScript/2756/
https://www.sololearn.com/learn/HTML/1030/

Answer 3

You could set a button by using the <button> tag, and set an onclick function within it to display the picture too.

<button onclick = "function()">MEME</button>