We have an object available called window,with the help of that we get all the properties of the window. When a window is being resized, there is a width to that window. There is a bit of theory in On Resize events like resizing a window.Īs I have already mentioned, when a window is being resized, then our window’s resize event will be fired. When we resize a window with a mouse, that’s when the On Resize event is fired. The definition was covered in the first video. Today we will conduct another segment in the same event, which is the On Resize event. I hope you have practiced all the practicals that we saw in the last segment, at least once. We also understood all the differences in the last segment. This was about loading a window or webpage using methods like document dot onload and window dot onload and performing the loading time. The last segment was about an Onload event in JavaScript. Hello guys, welcome to our series in JavaScript. Webinar on How to set up Email Marketing.Webinar on Keyword research in Digital Marketing.

Overcoming Your Fear of Public Speaking.

Webinar on How to Crack an Interview of a Graphic Designer.

Webinar on How to Crack an Interview of a Social Media Marketer.

Webinar on How to Build a Career as Native Application Developer.

Webinar on How to Build a Career as a Structural Engineer.

Webinar on Career Options after Learning Python.

Webinar on How to Build a Career in Digital Marketing.Webinar on How to Build a Career as a Recruiter.Webinar on How to Build a Career as a DevOps Administrator.Webinar on How to build a Career as a Database Developer.Webinar on How to Build a Career in Graphic Designing Field.Webinar on How to Communicate Confidently.Webinar on Effect of Various Factors on Stock Market and Intraday Trading.Webinar On Latest Trends in Digital Marketing 2022.It will run every time the browser is resized. When a resizing of the browser is detected, the function below will run The genRandomColor function below will generate a random color for us We will detect the window resize using the addEventListener() method.

When we resize the window, we will generate a random color and then change the background color of the div. Notice every time the box color changes when you drag the corner of the browser window to resize it. Resize the window to change the color of the box. window.addEventListener('resize', function(event) We can use JavaScript to detect a window resize by using the addEventListener() method on the window object.

Javascript on resize