Refresh the page after clicking on the area

Question

I want to refresh my website after clicking on a specific area (container)

Any ideas?

THANKS!

Use an html button that redirect to the page url you are already on I got this from another stack overflow answer: — Agent Lu, Jun 27 '19 at 17:47
You can use an a href to '#' as the src or you can use javascript to `window.location.reload()` when something is clicked. — joeybab3, Jun 27 '19 at 17:48
Try to add more information to your question as well including code that you have tried and any research you have done — Agent Lu, Jun 27 '19 at 17:50

score 0 · Answer 1 · answered Jun 27 '19 at 17:50

You can use Location.reload() API interface (https://developer.mozilla.org/ru/docs/Web/API/Location/reload)

So the answer could look as follows:

document.querySelector('you-area-selector-here').addEventListener((click) => {
   window.location.reload(true);
})

true flag is required to be sure the page was reloaded from server, not from cache.

score 0 · Answer 2 · edited May 23 '20 at 16:21

It is not a good practice to mix js with HTML.

I would do it this way:

let refreshPage = document.querySelector('#div1').addEventListener('click', => {
   location.reload();
   })

note: you must give id or class to the element you are trying to select in this function. There are other way of doing it i.e = document.querySelectorAll, getElementById, getElementByClassName, getElementByTagName.

Refresh the page after clicking on the area

2 Answers2