$color-base: 64, 126, 201;
.element {
background-color: rgba($color-base, 1);
}
.element-transparent {
background-color: rgba($color-base, 0.3);
}
$color-base: 64, 126, 201;
$alpha-1: 1;
$alpha-2: 0.3;
.element {
background-color: rgba($color-base, $alpha-1);
}
.element-transparent {
background-color: rgba($color-base, $alpha-2);
}
получается так, что кнопка добавляется только к последней карточкеНа самом деле нет, кнопка последовательно добавляется к каждой карточке. Но поскольку вы используете один и тот же элемент, а не создаёте в цикле отдельную кнопку для каждой карточки, она при каждой последующей вставке переносится на новое место и в итоге остаётся у последней карточки.
let panesList = document.querySelectorAll('.pane');
for (let pane of panesList) {
let button = document.createElement('button');
button.classList.add('remove-button');
button.textContent = '[X]';
pane.append(button);
}
Можно ли это написать на голом JavaScript'е
var vwWidth = window.innerWidth;
var controller = new ScrollMagic.Controller();
//for horizontal scrolling
var horizontalSlide = new TimelineMax()
.to(".div2", 0.2, {x: 0, ease: Power1.easeOut}, )
.to(".div2", 1, {x: -vwWidth, ease: Power1.easeOut}, )
.to(".div2", 0.2, {x: -vwWidth, ease: Power1.easeOut}, )
.to(".div2", 1, {x: -2*vwWidth, ease: Power1.easeOut}, )
.to(".div2", 0.2, {x: -2*vwWidth, ease: Power1.easeOut}, )
new ScrollMagic.Scene({
triggerElement: ".div2",
duration: "350%",
offset: 0,
triggerHook: -0.02
})
.setPin('.div2')
.setTween(horizontalSlide)
.addTo(controller)
response.json()
будет ждать окончания запроса, setCart
будет ждать json
, setPreloader
будет ждать их обоих или падения.function one() {
const oneVar = 'Hello!'
let counter = 0;
console.log('функция one работает прямо сейчас, в счетчике', counter)
function two() {
console.log(oneVar, ++counter)
}
console.log('функция one почти завершилась, в счетчике все еще ', counter);
return two
}
const three = one();
console.log('функция one точно завершилась, даже return сработал');
console.log('в переменной three сейчас функция two()');
console.log(three);
three();
three();
three();
console.log('обожемой, мы видим как менялась переменная в уже завершенной функции. чераная магия? нет - это называется замыкание!');
"функция one работает прямо сейчас, в счетчике", 0
"функция one почти завершилась, в счетчике все еще ", 0
"функция one точно завершилась, даже return сработал"
"в переменной three сейчас функция two()"
function two() {
console.log(oneVar, ++counter)
}
"Hello!", 1
"Hello!", 2
"Hello!", 3
"обожемой, мы видим как менялась переменная в уже завершенной функции. чераная магия? нет - это называется замыкание!"
<header class="header">
<div class="header__btn">
<button class="btn">Предложить новость</button>
</div>
<div class="header__search search">
<a class="search__number" href="tel:+73513651711">8 (3513) 65-17-11</a>
<img class="search__img" src="img/search.svg" alt="">
</div>
</header>
<div class="nav">
<ul class="nav__menu menu">
<li class="menu__item"><a href="">Новости</a></li>
<li class="menu__item"><a href="">Телепроекты</a></li>
<li class="menu__item"><a href="">Реклама</a></li>
<li class="menu__item">
<select name="">
<option value="">Онлайн</option>
<option value="1">new</option>
<option value="2">new</option>
</select>
</li>
<li class="menu__item"><a href="">Программа передач</a></li>
<li class="menu__item">
<select name="">
<option value="">Ещё</option>
<option value="1">new</option>
<option value="2">new</option>
</select>
</li>
</ul>
<div class="nav__contacts contacts"
<p class="contacts__title">Подписывайтесь на нас:</p>
<ul class="contacts__list">
<li class="contacts__item"><img src="img/Facebook - Negative.png" alt=""></li>
<li class="contacts__item"><img src="img/вк.png" alt=""></li>
<li class="contacts__item"><img src="img/однокласники.png" alt=""></li>
<li class="contacts__item"><img src="img/inst.svg" alt=""></li>
<li class="contacts__item"><img src="img/YouTube - Negative.png" alt=""></li>
</ul>
</div>
</div>
img/YouTube - Negative.png
. Используйте для имен файлов только символы латинского алфавита в нижнем регистре, цифры и символы _-
, и ничего другого, включая пробелы.