Ширина полосы прокрутки в 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

Дана кнопка. По нажатию на кнопку получите ширину полосы прокрутки в вашем браузере.