async function postData(url = '', data = {}) {
const response = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
});
return await response.json();
}
postData('/handler.php', { number: 42 })
.then((data) => {
console.log(data.number);
});
$number = (int)$_POST['number'];
$number += 1;
echo json_encode(['number' => $number]);
.menu {
opacity: 0; /* по умолчанию скрыто */
}
.menu-opened {
opacity: 1; /* при добавлении класса - открыто */
}
@media (min-width: 992px) {
.menu {
opacity: 1; /* на больших экранах – всегда открыто */
}
}
//...
burger.classList.toggle('open');
burger.classList == 'open'
? menu.classList.add('menu-opened')
: menu.classList.remove('menu-opened');
burger.classList == 'open'
?burger.classList.contains('open');