document.querySelector("a[href='#my-menu']")
.addEventListener("click", (evnt) => {
evnt.preventDefault();
drawer.open();
});let elem = document.getElementById('menu__item-catalog');
console.log(elem)
var clickEvent = new MouseEvent("click", {
"view": window,
"bubbles": true,
"cancelable": false
});
document.querySelector("a[href='#my-menu']")
.addEventListener("click", (evnt) => {
evnt.preventDefault();
drawer.open();
elem.dispatchEvent(clickEvent);
});ssh-keygencat ~/.ssh/id_rsa_vscodessh.pub | ssh username@hostname "umask 077; mkdir ~/.ssh; cat >> ~/.ssh/authorized_keys"ssh -i ~/.ssh/id_rsa_vscodessh username@hostname
const openModal = (triggerSelector, modalDataSelector) => {
const trigger = document.querySelectorAll(triggerSelector)
const modal = document.querySelector(modalDataSelector)
if (!trigger || !modal) return
trigger.forEach(b => b.addEventListener('click', closeParentBlock));
function closeParentBlock(e) {
e.preventDefault()
modal.classList.add('popup_open')
}
}
openModal('.product__btn', '.popup[data-modal="popupProduct"]')<!DOCTYPE html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<header class="header">Header</header>
<main class="main">Main</main>
<footer class="footer">Footer</footer>
</div>
</body>
</html>html, body {
height: 100%;
margin: 0;
font-family: Helvetica;
font-size: 25px;
}
.wrapper {
min-height: 100%;
display: flex;
flex-direction: column;
}
.header {
background-color: lightsalmon;
text-align: center;
padding: 30px;
}
.main {
text-align: center;
padding: 30px;
flex: 1 1 auto;
}
.footer {
background-color: lightseagreen;
text-align: center;
padding: 30px;
}<div class="container">
<div class="row justify-content-center align-items-center">
<!-- надпись 1-->
<div class="col-auto mb-3">
<button type="button" class="btn btn-warning">Кнопка1</button>
</div>
<!-- надпись 2-->
<div class="col-auto mb-3">
<button type="button" class="btn btn-warning">Кнопка2</button>
</div>
<!-- надпись 3-->
<div class="col-auto mb-3">
<button type="button" class="btn btn-warning">Кнопка3</button>
</div>
</div>
</div>&where=`{"id-list:contains":"[[*id]]"}`
<script></script>body<script>
$('.op-clo').on('click', function() {
$('body .h7-nav-box').toggleClass("show");
});
</script>