Переключатель значков (между 4 возможными значками) - PullRequest
Новая
       13

Переключатель значков (между 4 возможными значками)

0 голосов
/ 17 декабря 2018

Я работаю над созданием кнопки отключения звука, которая в зависимости от громкости меняет свой значок.В настоящее время у меня установлен src для изображения на public/img/VolumeLow.svg, однако есть также VolumeHigh.svg и VolumeHalf.svg.

Чтобы учесть это, у меня есть переменная oldVolIcon, которая записывает, что означает предыдущий значок, и если значок отключен, он должен вернуться в свое предыдущее состояние.Однако я чувствую, что переменная находится не в том месте или не возвращается должным образом.

Заранее благодарю за помощь. 

document.getElementById('btnMute').addEventListener('click', function(){
    if (this.style.borderStyle == "outset"){
        this.oldVolume = document.getElementById('vol-control').value;
        this.style.borderStyle = "inset";

        var oldVolIcon = document.getElementById('volicons').src;
        document.getElementById('volicons').src = "public/img/VolumeMute.svg";

        console.log(oldVolIcon);
        document.getElementById('vol-control').value = 0;
    } else {
        console.log(oldVolIcon);
        this.style.borderStyle = "outset";
        document.getElementById('vol-control').value = this.oldVolume;
        document.getElementById('volicons').src = oldVolIcon;
    }
    setVolume.call(document.getElementById('vol-control'));
});
...