Please note, this is a STATIC archive of website www.w3resource.com from 19 Jul 2022, cach3.com does not collect or store any user information, there is no "phishing" involved.
w3resource

jQuery Events: Display the window width while (or after) it is resized

jQuery Events : Exercise - 24 with Solution

Display the window width while (or after) it is resized.

HTML code :

<body>
<div>Press mouse and release here.</div>
</body>

Solution :

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>Display the window width while (or after) it is resized</title>
</head>
<body>

</body>
</html>

JavaScript Code :

$( window ).resize(function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
});

Live Demo:

See the Pen jquery-events-exercise-24 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Show texts when mouseup and mousedown event triggering.
Next: Query Effects Exercises

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.