Client element size in JavaScript

The following properties contain the client element size, which includes the size of the content and padding, and doesn't include the scrollbar:

console.log(elem.clientWidth); // a width console.log(elem.clientHeight); // a height

These dimensions are indicated in the figure:

Given an element and a button. When the button is clicked, print the client width and height of the element to the console.