blur
, а не focus
toUpperCase
не у строки, а у массива - забыто [0]
input.addEventListener('blur', function() {
if (this.value) {
this.value = this.value.split(/\s+/).map(n => n[0].toUpperCase() + n.slice(1)).join(' ');
}
});
const getPrimitiveProps = (obj) =>
Object.entries(obj).reduce((acc, [ k, v ]) => ({
...acc,
...(v instanceof Object ? getPrimitiveProps(v) : { [k]: v }),
}), {});
const getPrimitiveProps = (obj) =>
Object.assign({}, ...Object.entries(obj).map(([ k, v ]) =>
v instanceof Object ? getPrimitiveProps(v) : { [k]: v }
));
document.addEventListener('keydown', e => {
if (e.key === 'Backspace' && e.target !== display) {
display.value = display.value.slice(0, -1);
// или
display.value = display.value.substring(0, display.value.length - 1);
// или
display.value = display.value.replace(/.$/, '');
}
});
$(document).click(function(e) {
if (!$panel.has(e.target).length && $panel.hasClass('visible')) {
hidePanel();
}
});
const ip = str.split(':', 1)[0];
const ip = str.slice(0, str.indexOf(':'));
const ip = str.match(/[\d.]+/).pop();
const ip = str.replace(/:.+$/, '');
const [ ip ] = /.+(?=:)/.exec(str);
const plainToNested = (source, target = {}) =>
Object.entries(source).reduce((acc, [ path, val ]) => {
const keys = path.split('.');
const key = keys.pop();
keys.reduce((p, c) => p[c] = p[c] || {}, acc)[key] = val;
return acc;
}, target);
const buttonSelector = '.one-click-button';
const dataAttr = 'id';
const input = document.querySelector('#one_b_id');
const getId = el => el.dataset[dataAttr];
// или
const getId = el => el.getAttribute(`data-${dataAttr}`);
// или
const getId = el => el.attributes['data-' + dataAttr].value;
document.addEventListener('click', e => {
const button = e.target.closest(buttonSelector);
if (button) {
input.value = getId(button);
}
});
document.querySelectorAll(buttonSelector).forEach(function(n) {
n.addEventListener('click', this);
}, e => input.value = getId(e.currentTarget));
Как я могу проверить на наличие в начале строки undefined и удалить её?
str.replace(/^undefined/, '')
. divParent.insertBefore(elems[i].cloneNode(true), null);
divParent.insertBefore(elems[i].cloneNode(true), divParent.firstChild);
// или
divParent.insertAdjacentElement('afterbegin', elems[i].cloneNode(true));
// или
divParent.prepend(elems[i].cloneNode(true));
for (const n of document.querySelectorAll('.basic')) {
n.after(document.createElement('div'));
n.nextSibling.classList.add('parent');
n.nextSibling.innerHTML = '<b>Важная строка</b>';
n.nextSibling.prepend(n);
}
document.querySelectorAll('.basic').forEach(n => {
const html = `
<div class="parent">
${n.outerHTML}
<b>Важная строка</b>
</div>
`;
n.outerHTML = html;
// или
n.insertAdjacentHTML('afterend', html);
n.remove();
// или
n.replaceWith(document.createRange().createContextualFragment(html));
// или
n.replaceWith(...new DOMParser().parseFromString(html, 'text/html').body.childNodes);
});
document.querySelectorAll('.number').forEach(function(n) {
const top = n.getBoundingClientRect().top;
const end = +n.dataset.max;
window.addEventListener('scroll', function onScroll() {
if (window.pageYOffset > top - window.innerHeight / 2) {
this.removeEventListener('scroll', onScroll);
let start = +n.innerHTML;
const interval = setInterval(function() {
n.innerHTML = ++start;
if (start === end) {
clearInterval(interval);
}
}, 5);
}
});
});
const max = Math.max(...Object.values(obj[0]).map(n => n ? n.level : -Infinity));
const objectParser = (data, path = '') => Object.assign({
[path || '<root>']: data,
}, ...(data instanceof Object
? Object.entries(data).map(([ k, v ]) => objectParser(v, `${path}[${k}]`))
: []
));
const parentSelector = 'селектор родительского элемента';
const noClassSelector = 'селектор элементов, которым не надо добавлять класс';
const className = 'класс';
$(parentSelector)
.children()
.removeClass(className)
.not(noClassSelector)
.addClass(className);
// или
for (const n of document.querySelector(parentSelector).children) {
n.classList.toggle(className, !n.matches(noClassSelector));
}
n < locals.length
сделайте n < locals.length / 3
.3 * n
будет просто n
, вместо 3 * n + 1
будет n + 1
, и т.д. const formatTime = seconds => [
seconds / 3600 | 0,
seconds / 60 % 60 | 0,
seconds % 60,
].map(n => `${n}`.padStart(2, 0)).join(':');
const LENGTH = чему-то там равно, это вам виднее;
const input = document.querySelector('селектор инпута');
const button = document.querySelector('селектор кнопки');
input.addEventListener('input', e => {
button.style.display = e.target.value.length >= LENGTH ? '' : 'none';
});
input.dispatchEvent(new Event('input'));