Function Demonstrations

 1  <!DOCTYPE html>
 2  <html>
 3  <head>
 4    <meta charset="utf-8">
 5    <title></title>
 6  <!--
 7    File:  ScreenSize.html
 8    Copyright (c) 2022 by Jesse Heines.  All rights reserved.  May be freely
 9      copied or excerpted for educational purposes with credit to the author.
10    updated by JMH on May 5, 2022 at 8:09 AM
11  -->
12  </head>
13  
14  <body>
15    <p>Screen and Window Values Reported by JavaScript</p>
16    <script type="text/javascript">
17      document.writeln( "<p>screen.width = " + screen.width + " pixels" ) ;
18      document.writeln( "<br>screen.height = " + screen.height + " pixels</p>" ) ;
19      document.writeln( "<p>window.innerWidth = " + window.innerWidth + " pixels" ) ;
20      document.writeln( "<br>window.innerHeight = " + window.innerHeight + " pixels</p>" ) ;
21      document.writeln( "<p>window.outerWidth = " + window.outerWidth + " pixels" ) ;
22      document.writeln( "<br>window.outerHeight = " + window.outerHeight + " pixels</p>" ) ;
23    </script>
24  </body>
25  
26  </html>