Как вернуть ID после сочетания клавиш?

284
10 июля 2017, 19:12

На веб-странице есть кнопка:

var mute = document.getElementById("mute"); 
		     
        window.addEventListener("keydown", Sound, false);  
		      
        function Sound(event) { 
        	var e = event.keyCode; 
            if (e == 77) { 
                mute.setAttribute("id", "unmute"); 
            } 
        	else { 
        		mute.setAttribute("id", "mute"); 
        	}	 
        }
<button id="mute">Кнопка</button>

После нажатия клавиш Ctrl + M скрипт ниже у кнопки меняет id на unmute.

var mute = document.getElementById("mute");
        window.addEventListener("keydown", Sound, false); 
        function Sound(event) {
            var e = event.keyCode;
            if (e == 77) {
                mute.setAttribute("id", "unmute");
            }
            else {
                mute.setAttribute("id", "mute");
            }   
        }

Как при повторном сочетании клавиш Ctrl + M вернуть кнопке id mute?

Answer 1

var mute = document.querySelector('.mute'); 
 
window.addEventListener("keydown", Sound, false); 
 
function Sound(event) { 
  if ((event.ctrlKey) && (event.keyCode == 77)) { 
    if (mute.getAttribute('id') == 'mute') { 
      mute.setAttribute('id', 'unmute'); 
    } else { 
      mute.setAttribute('id', 'mute'); 
    } 
  } 
}
<button id="mute" class="mute">Кнопка</button>

READ ALSO
Почему не обновляется страница в node.js

Почему не обновляется страница в node.js

Установил сайт из етово репозитория: (следовал инструкции readmemd) https://github

295
Как заполнить пустоты в Masnonry layout?

Как заполнить пустоты в Masnonry layout?

Создал такую разметку

239