Артур Карапетян

mySelect.addEventListener('change', ({target: {options}, selectedIndex}) => {
    alert('Выбран: ' + options[selectedIndex].innerHTML);
});

$('.more').on('click', function(e) {
    e.preventDefault();

    $('li')
      .slice(3)
      .toggleClass('hidden');

    if ($('li').hasClass('hidden')) {
      $(this).text('Еще');
    } else {
      $(this).text('Меньше');
    }
  });

Вам нужен sessionStorage.
тык
тык
тык

гугл
яндекс

let myArr = ['первый', 'второй'];

myArr.map(item => {
 item = item.toString().charAt(0).toUpperCase() + item.slice(1);
})

https://gist.github.com/ArchiTawer/f4d7173f22c5369...

Это не обычный ползунок, а range slider

$('selector').hover(function(){...}, function(){...})
Где 1 функция то, что выполняется при наведении, а 2 функция то, что выполняется при отведении

Видео

CSS:
.some-selector {
width: attr(data-width)
}
JS
document.querySelector('.some-selector').style.width=document.querySelector('.some-selector').dataset.width

Карусель?

тык или менее кросбраузерный вариант: position: sticky

тык