Call a function whenever the viewport size is changed by user

Question

I'm trying to make an event listener like this:

window.addEventListener("resize", console.log("You just resized the browser window."));

But it only fires once when page is loaded, and never fires again no matter how I resize the window in whatever way. Why?

I've also tried jQuery:

$(window).on("resize", console.log("You just resized the browser window."));

and

$(window).resize(console.log("You just resized the browser window."));

They didn't work either. The three are essentially all the same.

Answer 1

You are executing console.log instead of passing a reference to the call for the event listener to fire.

This will work:

notify = function() { console.log("You just resized the browser window.")}
window.addEventListener("resize", notify)