#16. Уроки по JavaScript для НАЧИНАЮЩИХ (addEventListener, removeEventListener)
18 продвинутых навыков JavaScript для старших инженеров-программистов
Источник: Nuances of Programming Браузер Переход на полноэкранный режим Чтобы перейти к полноэкранному режиму: function fullScreen() {
const el = document.documentElement
const rfs =
el.requestFullScreen ||
el.webkitRequestFullScreen ||
el.mozRequestFullScreen ||
el.msRequestFullscreen
if(typeof rfs != "undefined" && rfs) {
rfs.call(el)
}
}
fullScreen() Выход из полноэкранного режима Чтобы выйти из полноэкранного режима: function exitScreen() {
if (document...
Прогресс-бар на JavaScipt за 20 строк
Сегодня будем делать прогресс-бар. Он может помочь вашим пользователем понять, много ли осталось читать. Все вместе решение занимает 20 строк. Демо на codepen. Раз Создаем HTML разметку: <div class="line" id="line"></div> Добавили класс для оформления и id для связки с js. Два Накинем немного css оформления: .line {
width: 0;
background-color: yellow;
height: 5px;
position: fixed;
left: 0;
top: 0;
transition: .3s all;
}
body {
min-height: 1000px;
background-color: #333;
} Линию сделали фиксированной с нулевой шириной и высотой в 5px, сделали желтый фон...