Для отлавливания момента прокрутки можно использовать событие scroll.
Пример:
window.addEventListener("scroll", function () {
document.getElementById("someBlock").innerText = window.scrollY + "px";
});
Записывает в блок с id someBlock значение текущей прокрутки.
А вот с тегом progress все сложнее. Там надо знать всю высоту страницы, а это может быть проблематично.
Есть такой вариант:
let scrollHeight = Math.max(
document.body.scrollHeight, document.documentElement.scrollHeight,
document.body.offsetHeight, document.documentElement.offsetHeight,
document.body.clientHeight, document.documentElement.clientHeight
);
Но и он может некорректно работать в зависимости от разметки.
После получения полной высоты страницы ее надо записать в атрибут max в прогрессбар, а по мере изменения прокрутки (событие scroll) изменять значение атрибута value.
Установка атрибутов производится так:
element.setAttribute(name, value);
element - элемент, которому необходимо установить атрибут
name - имя атрибута (строка).
value - значение атрибута.
Не забывайте нажать " ", поставить оценку и, если ответ удовлетворил, то выберите его как "Лучший"
Бодрого настроения и добра!
Успехов в учебе
В закрепе
Объяснение:
Чтобы можно было играться с отдельными символами разобьём строку на список
text_list = list(input())
Для того чтобы достать определённый элемент нужно написать его индекс в списке. Индексация начинается с 0.
Например чтобы получить первый символ нужно достать символ с индексом 0 - text_list[0]
Чтобы получить диапазон используется ":": text_list[0:5] чтобы получить элементы от 1 до пяти
Чётные/не чётные с третьего аргумента range() (какое начисление за цикл)
Для обратного порядка reversed()
Для подсчёта длины len()
