Как прописать правильный JavaScript код для атрибута onClick?

Question

[Дмитрий Дмитриев]

Всем привет)

Ситуация такая: пытаюсь с помощью wordpress-плагина Shortcodes Ultimate сделать кнопку со всплывающим окном (popup).

1. На первом шаге делаю попап-окно.


2. На втором шаге делаю кнопку, при нажатии на которую должен появится попап. При создании кнопки нужно заполнить поле onClick JavaScript код для атрибута onClick. Вопрос: какой javascript-код туда вписать, чтобы при нажатии появлялось попап-окно?


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

Answer 1

[oleg_drozdov]

Не ведаю особенностей Вордпресса, но в обычном ХТМЛ ты должен вписать туда вызов функции.
Например <button onclick = "openModal();"></button>
А в js:

var a = document.querySelector('.modal')
var openModal = function () {
   a.classList.toogle('open');
}

Answer 2

[Алексей П]

function openModal () {
 // some code
}
document.querySelector('.modal').onClick = openModal;