IT-14-1 Красовский А.В.
Лабораторная работа №4
Язык сценариев JavaScript
Цель работы: ознакомиться с логикой разработки JavaScript-кода и основным принципам его использования на страницах World Wide Web.
Способ подключения в html файл.
<script src="js/up.js"></script>
Код файла common.js
(function () {
let elem = document.getElementById('goTop');
let speed = 4; //pixels for 1 Interval iteration
let position_in_which_shows_a_button = 100;
let position_in_which_stops_going_to_top = 20;
function showToUpElem(){
elem.style.display = "block";
}
function hideToUpElem(){
elem.style.display = "none";
}
function goToTop(){
let interval = setInterval(function(){
document.body.scrollTop -= speed;
if (document.body.scrollTop < position_in_which_stops_going_to_top){
clearInterval(interval);
hideToUpElem();
}
}, 1);
}
document.addEventListener('scroll', function(e){
if (e.target.body.scrollTop > position_in_which_shows_a_button){
showToUpElem();
}
});
elem.addEventListener('click', goToTop);
})();