doOrderBtn.addEventListener('click', function (el) {
const phio = document.querySelector('#name')
const phone = document.querySelector('#phone')
const address = document.querySelector('#address')
if (phio.value < 1 && phone.value < 1 && address.value < 1) {
el.preventDefault()
}
});.layout {
width: 1660px;
+ max-width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
row-gap: 100px;
margin: auto;
}.layout {
- width: 1660px;
+ width: 100%;
+ max-width: 1660px;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
row-gap: 100px;
margin: auto;
}form:has(:invalid) button {
display: none;
}'password' => 'required|min:8|regex:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).+$/',
window.addEventListener('DOMContentLoaded', function() {
let game = localStorage.getItem('game');
document.getElementById('game').innerHTML = game;
});<button>Small</button>
<button>Very long text</button>
<button>Lorem ipsum dolor sit amet consectetur</button>
window.addEventListener('scroll', function () {
const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;
document.body.classList.toggle('scrolled', currentScrollTop > 0)
});body.scrolled.topbar__bottom-consult {
opacity: 0;
transition: 0.3s ease;
}
body.scrolled .topbar__bottom-consult {
opacity: 1;
}position:sticky.topbar__bottom {
position: sticky;
top: 0;
}pointer-events: none; - блок с таким стилем "невидим" для указателя (мышки), и никак на нее не реагирует
grid-template-columns: 100px repeat(3, 1fr);grid-template-columns: repeat(3, 1fr);
/[a-z0-9!@#$%^&*\(\)_\+]/i