title: innerWidth and screen width showing same values?
body: <p>I'm exploring built-in objects in JavaScript, and have written the following to see their return values in Chrome.</p>
  
  <pre><code>console.log(window.innerWidth);
  console.log(window.screen.width);
  </code></pre>
  
  <p>As far as I've seen from the book I'm reading, the Mozilla docs on these properties, and the question linked in the comments, the innerWidth will show the width value of viewport itself without any of the browser interface, and the screen width is supposed to show the full screen width of my computer.</p>
  
  <p>However, regardless of how I resize the Chrome window, they're showing the same innerWidth value in the console. The screen width changes in value when I resize the window (a behavior I thought was exclusive to innerWidth) instead of staying what I thought would be more or less the "constant" value of my laptop's resolution.</p>
  
  <p>I feel like this is painfully obvious! Is there a reason for this? Have I misunderstood the properties' values?</p>