postMessage()
, а слушать оно должно само. В обратную сторону, наоборот: вы слушаете события message
на своём окне, и надеетесь, что Amo отправит вам (на window.opener
) какое-то сообщение.mode=post_message
и ждать сообщения на своём окне. локальный сервер, моментальное обновление картинки с изменением кода
const datetime = '2022-05-09T17:00:32.448Z';
const dateString = datetime.substring(0, 10); // '2022-05-09'
const timeString = datetime.substring(11, 16); // '17:00'
const el = document.querySelector('.coolUpdates');
const observer = new MutationObserver(list => {
list.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node.textContent === 'Обновление : добавили черный цвет') {
console.log('Оп! Момент настал!');
}
})
});
});
observer.observe(el, { childList: true });
const liked = new Set();
// ловить вообще все клики
document.addEventListener('click', e => {
const el = e.target;
if (!el.classList.contains('click')) return; // неинтересный клик
if (liked.has(el)) { // уже выбран этот?
liked.delete(el); // удалить
} else {
liked.add(el); // добавить
}
// пора показать что-нибудь
document.querySelector('span.text').innerText = liked.size; // счётчик
// список выбранных
document.querySelector('span.list').innerText = [...liked.values()]
.map(({innerText: t}) => t)
.join(', ');
});
const sourceElement = document.querySelector('.GrandMuther');
// во что заворачивать
const wrapper = document.createElement('div');
wrapper.classList.add('Mother');
Array.from(sourceElement.children)
.forEach(el => wrapper.appendChild(el));
sourceElement.appendChild(wrapper);
// «функция(не важно, сколько раз)»
const readBook = () => console.log('A B C');
// кнопка, которую много раз
const btnRead = document.getElementById('btn-read-book');
btnRead.addEventListener('click', readBook);
// другая кнопка, которая всё.
document.getElementById('btn-lights-out')
.addEventListener(
'click',
() => btnRead.removeEventListener('click', readBook)
);
// если это не сайт барбершопа, лучше обращаться к клиенту на «Вы»
let x = prompt('введи число', '')
let n = prompt('введи степень', '')
// не забывайте, что prompt() всегда возвращает строку, а не число
if (n < 0) {
// сообщение вывели, но выполнять всё равно продолжили
alert('степень должна быть больше нуля')
}
// переизобрели встроенную функцию Math.pow()
function pow(x, n) {
return x ** n; // возвели в степень 1-й раз
}
let result = x ** n // возвели в степень 2-й раз
alert(result)
// напоследок таки функцию вызывали, но результат — вникуда
pow(x, n);
class Hamburger {
static SMALL = 'small';
static TOPPING_CHEESE = 'cheese';
// ...
// если первый символ не тот, прилепить его в начале
const keepPlus = event => {
const symbol = '+';
const {target} = event; // const target = event.target;
if (target.value[0] !== symbol) {
target.value = symbol + target.value;
}
}
// проверять при любом изменении
document.querySelectorAll('input[type=text]')
.forEach(el => el.addEventListener('input', keepPlus));
Здесь недостаток – помимо начального плюсика все прочие хотелки игнорируются. Например, юзер введёт ещё сотню плюсиков после первого, номер из всего 2 цифр и забудет указать код города. Юзеры они такие.input type="tel"
и его атрибут pattern
. Песочница.// JSON, типа
const data = [
{id: 1, text: 'я'},
{id: 2, text: 'буду'},
{id: 3, text: 'задавать умные вопросы'},
];
data.forEach(item => {
document.body.insertAdjacentHTML('beforeend', `
<div id="${item.id}">
—> <strong>${item.text}</strong> <—
</div>
`);
});