Ширина на плъзгащата лента в JavaScript

Ширината на плъзгащата лента зависи от браузъра. Можем да получим стойността на тази ширина. За целта ще създадем елемент с плъзгане, но без граници и вътрешни отстъпи:

javascriptlet div = document.createElement('div');

Ще му добавим някои стилове:

javascriptdiv.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';

Ще вмъкнем елемента в документа, в противен случай размерите ще бъдат нула:

javascriptdocument.body.append(div);

Ще получим размера на плъзгащата лента:

javascriptlet scrollWidth = div.offsetWidth - div.clientWidth;

Ще премахнем елемента:

javascriptdiv.remove();
Задание 1

Даден е бутон. При натискане на бутона получете ширината на плъзгащата лента във вашия браузър.