Как определить, что ... один из квадратов уже зеленый?
el.style.background, а добавлением класса .green, то достаточно было бы выбрать elem.querySelectorAll('.green');green только кликнутому квадрату..green {
background-color: green !important;
}waiting не заменяется. Остаётся каким был.
json.data – массив объектов. Массив хочется свести к единственному значению (сумме) — значит, нужен reduce().then(json => {
// сумма полей price
const sum = json.data.reduce((acc, c) => acc + c.price, 0);
// ...let str = 'D:\number\folder';"\n" (новая строка) и "\f" ещё какой-то спецсивол. Просто выведите str без изменений, чтобы убедиться.let str = 'D:\\number\\folder';let str = path.join('D:', 'number', 'folder');
const KEY = 'myLSkey';
const ymd = date =>
new Date(date.setTime(date.getTime() - date.getTimezoneOffset() * 6e4))
.toISOString()
.substring(0, 10);
const today = ymd(new Date()); // '2022-06-23'
const data = {
date: today,
count: 1,
...JSON.parse(localStorage.getItem(KEY)),
};
if (data.date !== today) {
data.date = today;
data.count++;
}
localStorage.setItem(KEY, JSON.stringify(data));/регулярным выражением/\s, включая перенос строки, +' ':const name = "str 1\nstr 2";
console.log(name);
// str 1
// str 2
console.log( name.replace(/\s+/g, ' ') );
// "str 1 str 2"g ("global") после выражения – чтобы заменить не единственный первый встречный раз, а "глобально", во всём предоставленном тексте.
setTimeout() — сначала зарядится таймер, отработает: отресолвит промис, и после этого уже сработает финальный console.log()async function monitor() {
await new Promise(resolve => {
setTimeout(() => {
console.log("Прошла секунда");
resolve();
}, 1000);
});
console.log("После Вас!")
}
monitor();[...defaultDepts] создаёт новый массив старых объектов. Меняете что-то внутри этих объектов — меняется и внутри defaultDepts.[...this.defaultDepartments].map(item => {...item})colleagues, с свою очередь, содержит массив объектов.
function spread(arr, src) {
const result = [...arr]; // копия исходного массива
if (src <= 0) return result;
const axis = {}; // value: [ids of bins]
arr.forEach((v, i) => {
if (!axis[v]) axis[v] = [];
axis[v].push(i);
});
const keys = Object.keys(axis).sort((a, b) => a - b);
const bins = [...axis[keys[0]]]; // ids of "bins" we're filling
for (let i = 1; i < keys.length; i++) {
const currentKey = keys[i];
const prevKey = keys[i - 1];
const diff = currentKey - prevKey;
const capacity = bins.length * diff;
if (src < capacity) break;
bins.forEach(key => result[key] += diff);
src -= capacity;
bins.push(...axis[currentKey]);
}
if (src) {
const want = Math.ceil(src / bins.length);
bins.forEach(key => {
const given = Math.min(src, want)
result[key] += given;
src -= given;
});
}
console.log(result);
return result;
}
spread([30, 50, 350], 300); // [ 190, 190, 350 ]
spread([30, 50, 350], 1001); // [ 477, 477, 477 ]
spread([130, 50, 50, 101], 800); // [ 282, 283, 283, 283 ]document.addEventListener('click', event => {
const { target } = event;
if (target.tagName !== 'DIV'
|| !target.classList.contains('elem')) {
return;
}
console.log(target.dataset.name);
});7 * 2 = 14 дисплеев 1920 x 1080 каждый.
let re = /((\D+)|(\d+))/g; // \D не-цифра, \d цифра
'user100'.match(re) // [ "user", "100" ]
'2022habr06QnA'.match(re) // [ "2022", "habr", "06", "QnA" ]const blockRelocate = () => {
const elSource = document.querySelector('.description-wrapper');
if (!elSource) {
return setTimeout(blockRelocate, 150);
}
const elTarget = document.querySelector('.item-calculator_container');
elTarget.insertAdjacentElement('beforebegin', elSource);
}
blockRelocate();ffmpeg – оно выполнилось и вывело версию и кучу всего.