Snackbar / Toast?

Question

[SaberChazer]

Добрый день, подскажите пожалуйста как сделать чтобы при нажатии на кнопку N (На клавиатуре), появлялся snackbar.
Если вы поможете, то я буду сильно благодарен!

document.addEventListener(`keydown`, function(event) {
        if (event.code == "KeyN") {

    });

И Snackbar

CodePen

Answer 1

[goshaLoonny]

Все верно, что у вас не срабатывает?
Но я бы написал так:

document.addEventListener(`keydown`, function(event) {
  if (event.code !== "KeyN") return;
  // Дальше ваш код

Можно еще так
if (event.key.toLowerCase() !== "n") return;

У вас есть функция MyFunction при вызове которой показывается popup, так вызовите ее внутри этого обработчика

Comments

[SaberChazer]

Я изменил вопрос думаю попонятней написал

[goshaLoonny]

SaberChazer, И я по прежнему не понимаю вопроса. Вы хотите что бы за вас чтоли все написали и сделали?
Просто вызовите MyFunction в обработчике и все

[SaberChazer]

goshaLoonny, смотрите есть этот JS

document.addEventListener(`keydown`, function(event) {
        if (event.code == "KeyN") {

    });

И Есть такое всплывающие окно "Snackbar" его можете посмотреть по этой ссылке
CodePen
И нужно чтобы при нажатии на кнопку N вылезало это окно.

[goshaLoonny]

SaberChazer, ну и? Объедините
Окно появляется когда вызывается функция MyFunction
Ну так вызовите ее там где это необходимо

// Вот у вас обработчик который срабатывает 
// когда нажимается клавиша
document.addEventListener(`keydown`, e => {
  // Дальше он проверяет, является ли
  // нажатая клавиша "KeyN" и если да,
  // то выполняется код в фигурных скобках
  if (e.code == "KeyN") {
    // Вот в этих фигурных скобках 
    
    // Так же у вас есть функция MyFunction при вызове 
    // которой показывается всплывающий popup.
    // Так что Вам необходимо сделать в фигурных скобках???
    // Правильно! Вызвать функцию MyFunction
  }
})

[goshaLoonny]

SaberChazer, так что вам не понятно? Вам рассказать как вызывать функцию? Хорошо, вот:
Функции
Пять способов вызвать функцию