length – количество элементов массива:[]; // сколько элементов? – 0
['a']; // сколько элементов: 1
['a', 'b', 'c'] // 3X.X прибавляют i * size байт. Самый первый элемент начинается сразу с адреса X. Его индекс 0."abcd"[1] // "b"
"abcd"[3] // "d"[a; b) – например, в методе массива slice(), который вырезает кусок массива, если указать slice(1, 5) — вытащит элементы с индексами 1, 2, 3, 4 – включая 1-й, но не доходя до 5.
const btnClassName = "btn_refresh";
document.querySelectorAll('.woosb-products').forEach(n => {
n.insertAdjacentHTML('afterend', `<button class="${btnClassName}">обновить</button>`);
});
document.addEventListener('click', (event) => {
if (event.target.classList.contains(btnClassName)) {
window.location.reload();
}
});const product = document.querySelector('.woosb-products');
if (product) {
const button = document.createElement('button');
button.id = 'b_epr';
button.innerText = 'обновить';
button.addEventListener('click', () => window.location.reload());
product.insertAdjacentElement('afterend', button);
}Plugin. Как вам вариант:{ // обернуть, чтобы не засорять глобальную область
// внутри любая анархия, переменные
// исходный вариант 1
const Plugin = {
param1: 1,
param2: 1,
method1(){
//
},
method2(){
//
}
};
window.Plugin = Plugin;
}docker.ping() видимо, возвращает Promise. Надо дождаться его выполнения и только тогда возвращать ответ.const promises = endpoints.filter((i) => i.type === 1)
.map((i) => {
const result = {
id: i.id,
name: i.name,
type: i.type,
url: i.url,
groupId: i.groupId
};
const settings = (i.url.match('unix:///var/run/docker.sock')) ?
{socketPath: '/var/run/docker.sock'} : {host: i.url, port: 2375};
const docker = new Docker(settings);
return docker.ping().then(err => {
result.status = !err;
return result;
})
});
Promise.all(promises).then((results) => res.send(results));const sliderOptions = {
arrows: true,
dots: false,
variableWidth: true,
centerMode: true,
slidesToShow: 8,
autoplay: true,
autoplaySpeed: 2000,
slidesToScroll: 3,
nextArrow: '<div class="tags__arrow tags__arrow_next">',
prevArrow: '<div class="tags__arrow tags__arrow_prev">',
appendArrows: $('.tags__arrows'),
}
const sliderSet = (is_on) => {
if (is_on) {
$('.tags__option_on').hide();
$('.tags__option_off').show();
$('.tags__inner').slick(sliderOptions);
} else {
$('.tags__option_on').show();
$('.tags__option_off').hide();
$('.tags__inner').slick('unslick');
}
}
$('.tags__option_on').on('click', () => sliderSet(true));
$('.tags__option_off').on('click', () => sliderSet(false));
sliderSet(false); // начальное состояние(err, res, body) => { ... }. console.log() выполняются прямо сразу – поэтому в них ещё ничего нет и выводится 0.
Promise – сложная штуковина для асинхроты всякой, с кучей методов.await готовый ответ.
console.log() выводит успешно то, что надо — там же и инициализируйте autocomplete.
const animateElement = (el) => {
const endValue = +el.dataset.value;
let currValue = 0;
const update = () => {
el.innerText = ++currValue;
if (currValue < endValue) {
setTimeout(update, 20);
}
}
update();
}
[...document.querySelectorAll('[data-value]')].forEach(animateElement);<div class="container">
<p class="text" data-text-a="ЭТО СТАРЫЙ ТЕКСТ" data-text-b="ВОТ НОВЫЙ ТЕКСТ"></p>
<div class="btn">ВЫБРАТЬ</div>
</div>const state = {
isPrimary: true,
// потом добавятся может ещё свойства
};render(), которая отрисовывает состояние «на сейчас».
oldArray.map(({prop1, prop2} => ({prop1, prop2}))const oldArray = [
{a: "A1", b: "BB1", prop1: "wanted1", prop2: "dead or alive1", z: "zee1"},
{a: "A2", b: "BB2", prop1: "wanted2", prop2: "dead or alive2", z: "zee2"},
{a: "A3", b: "BB3", prop1: "wanted3", prop2: "dead or alive3", z: "zee3"},
{a: "A4", b: "BB4", prop1: "wanted4", prop2: "dead or alive4", z: "zee4"},
{a: "A5", b: "BB5", prop1: "wanted5", prop2: "dead or alive5", z: "zee5"},
];
const newArray = oldArray.map(({prop1, prop2}) => ({prop1, prop2}));
// [
// {"prop1": "wanted1", "prop2": "dead or alive1"},
// {"prop1": "wanted2", "prop2": "dead or alive2"},
// {"prop1": "wanted3", "prop2": "dead or alive3"},
// {"prop1": "wanted4", "prop2": "dead or alive4"},
// {"prop1": "wanted5", "prop2": "dead or alive5"}
// ]N частей. N - 1 точек разреза.