buttonSubcatalog.classList.remove('.button-subcatalog-closed');
и вот тут buttonSubcatalog.classList.remove('.button-subcatalog-opened');
buttonSubcatalog.classList.remove('button-subcatalog-closed');
buttonSubcatalog.classList.remove('button-subcatalog-opened');
color: transparent; /* Цвет текста */
-webkit-text-stroke: 2px #000; /* Толщина и цвет обводки */
text-stroke: 2px #000; /* Толщина и цвет обводки (стандартное свойство) */
const v = 'workers.workerName';
const a = v.split('.').reduce((acc, el) => acc = acc[el], obj);
const header = document.querySelector(".header");
const onWheel = () => {
if (window.pageYOffset > 0) {
header.classList.add("header--scroll");
} else {
header.classList.remove("header--scroll");
}
};
document.onwheel = () => {
onWheel();
};
.menu__item:not(:last-of-type) {
// ваши стили
}
Next
получите все инпуты с required
на активной карточке и проверьте их значения. Если пустых значений нет - разрешайте переход дальше, если есть - прерывайте выполнение функции и выводите предупреждение о незаполненных полях.required
прописать const input = document.querySelector("#myInput");
input.addEventListener("focusin", () => console.log("I'm here"));
input.addEventListener("focusout", () => console.log("I'm lost"));
this.state.obj.push(this.state.input)
, для обновления стейта всегда нужно использовать setState({})
обязательноcreateTaskBoard = () => {
return this.state.obj.map((item) => <TaskBoard taskType = {item} />)
}
render () {
return (
<div className = 'adder'>
// ... ваш код
{ this.createTaskBoard() }
</div>
)
}
function clickAnimation(element) {
$(element).on('click', function(event) {
if ($(event.target).hasClass('button_card_text')) {
if ($(this).find('.front').hasClass('active')) {
$(this).find('.front').removeClass('active');
$(this).find('.back').removeClass('active');
$(event.target).removeClass('active');
}
else {
$(this).find('.front').addClass('active');
$(this).find('.back').addClass('active');
$(event.target).addClass('active');
}
}
})
}
for (let i = 0; i < $('.card').length; i++) {
clickAnimation($('.card')[i]);
}