Форум на Исходниках.RU https://forum.sources.ru Форум на Исходниках.RU Форум на Исходниках.RU https://forum.sources.ru/index.php?showtopic=449305&view=findpost&p=3908762 Sun, 18 Aug 2024 07:50:46 +0000 Взаимодействие CSS и JS https://forum.sources.ru/index.php?showtopic=449305&view=findpost&p=3908762 cupoma58 JavaScript, DOM/DHTML https://forum.sources.ru/index.php?showtopic=449305&view=findpost&p=3908552 Tue, 13 Aug 2024 10:06:34 +0000 Взаимодействие CSS и JS https://forum.sources.ru/index.php?showtopic=449305&view=findpost&p=3908552 Пытаюсь использовать CSS-новинки. Например:
    background: linear-gradient(to right, #222 50%, #666 50%);

Если создать переменную:
    var procent = (volume.value * 100) / volume.max;

и добавить в общий код:
    volume.addEventListener('input' ,() => {  
        var procent = (volume.value * 100) / volume.max;
            volume.style.background = `linear-gradient(to right, #ffb90f ${procent}%, #363636 ${procent}%)`;
            video.volume = volume.value;
    });

то он-таки - работает но, если его слегка изменить:
    video.addEventListener('timeupdate', () => {
        var procent = (video.currentTime * 100) / video.duranion;
            choise.value = Math.floor(video.currentTime);
            choise.style.background = `linear-gradient(to right, #ffb90f ${procent}%, #363636 ${procent}%)`;
            curtime.innerHTML = videoTime(video.currentTime);
    });

то работать, он - перестаёт. Следа/итога - нет и консоль - чистая. Не пойму - в чём дело?]]> cupoma58 JavaScript, DOM/DHTML