let timerId = setTimeout(() => {
// show loader
}, 1000);
fetch('API url').then((data) => {
// prevent loader show
clearTimeout(timerId);
// show result
});filterSelection изнутри работает следующим образом - вы передаете некие параметры для фильтра в качестве первого атрибута и она возвращает вам отфильтрованный результат.filterSelection() просто так - не очень понятно что вернет, по этому он придумал для удобоства интерфейса передавать ключевое слово "all" чтобы было понятнее. Ну а под капотом если пришло "all" можно незаменто привратить его в пустые кавычки и вернуть не отфильтрованный результат.
map-container это нода, то так:const mapContainer = document.getElementById('map-container');
mapContainer.style.display = 'block';map-container это строка, то так:let foo = '<div class="map-container" id="map-container" style="display: none;">';
foo.replace('none', 'block');if (true) {
var foo = 'bar';
}
console.log(foo); // barif (true) {
var foo = 'bar';
let baz = 'biz';
const alpha = 'beta';
}
console.log(foo); // bar
console.log(baz); // ReferenceError: baz is not defined
console.log(alpha); // ReferenceError: alpha is not definedif (true) {
const foo = () => {};
}
console.log(foo); // ReferenceError: foo is not definedfunction foo () {
function bar() {}
}
console.log(bar); // ReferenceError: bar is not defined<label>. Label имеет специальную функциональность - он переносит событие на связанный инпут и выглядит это так как будто вы кликнули на лэйбл а потом сразу на инпут.
const arr = [
['a', 1],
['b', 2],
['c', 3],
];
const map = new Map(arr);
// Map { 'a' => 1, 'b' => 2, 'c' => 3 }const arr = [
['a', 1],
['b', 2],
['c', 3],
['b', 99],
];
const map = new Map(arr);
// Map { 'a' => 1, 'b' => 99, 'c' => 3 }