const wrappers = document.querySelectorAll('.how_it_works');
const svgLine = document.querySelector('#svg-line');
const line12 = svgLine.querySelector('.line-1-2');
const line23 = svgLine.querySelector('.line-2-3');
const line34 = svgLine.querySelector('.line-3-4');
const line45 = svgLine.querySelector('.line-4-5');
const setAttributes = (element, attrs) => {
for (const attr in attrs) {
element.setAttribute(attr, attrs[attr]);
}
};
const line = (wrapper) => {
const wrapperBox = wrapper.getBoundingClientRect();
const items = wrapper.querySelectorAll('.block_line .item');
const points = [];
for (const item of items) {
const element = item.querySelector('.num');
const box = element.getBoundingClientRect();
points.push({
x: box.left + box.width / 2 - wrapperBox.left,
y: box.top + box.height / 2 - wrapperBox.top
});
}
svgLine.style.setProperty('top', 0);
svgLine.style.setProperty('left', 0);
setAttributes(line12, {
x1: points[0].x,
y1: points[0].y,
x2: points[1].x,
y2: points[1].y
});
setAttributes(line12, {
x1: points[1].x,
y1: points[1].y,
x2: points[2].x,
y2: points[2].y
});
setAttributes(line12, {
x1: points[2].x,
y1: points[2].y,
x2: points[3].x,
y2: points[3].y
});
setAttributes(line12, {
x1: points[3].x,
y1: points[3].y,
x2: points[4].x,
y2: points[4].y
});
};
const start = () => {
for (const wrapper of wrappers) {
line(wrapper);
}
};
start();
window.addEventListener('resize', start);<?php
// Тут Ваша бизнес-логика
$already_registered = false;
if (...) {
$already_registered = true;
}
print(json_encode([
'alreadyRegistered' => $already_registered
]));
?>$statement = $pdo->prepare('SELECT * FROM `users` WHERE `email` = :email');
$statement->bindParam(':email', $email);
$statement->execute();
$users = $statement->fetchAll(PDO::FETCH_ASSOC);success: function(data) {
- alert(data);
+ console.log(data);
$('#sendReg').prop('disabled', false);
},const lexicographicCompare = (a, b) => {
const preparedA = a.trim();
const preparedB = b.trim();
const count = Math.max(preparedA.length, preparedB.length);
let index = 0;
for (let index = 0; index < count; index++) {
const diff = (preparedA.charCodeAt(index) || 0) - (preparedB.charCodeAt(index) || 0);
if (diff !== 0) {
return Math.sign(diff);
}
}
return 0;
};
const result = lexicographicCompare('111', '123');
if (result > 0) {
console.log('Second earlier');
} else if (result < 0) {
console.log('First earlier');
} else {
console.log('Equals');
}embed.description: Must be 2048 or fewer in length./**
* @param {{ id : number, title: string, budget: number }} entry
* @return {{ id: number, name: string, price: number }}
*/
const transform = (entry) => ({
id: entry.id,
name: entry.title,
price: entry.budget
});const handle = el => {
setItems(items => items.map(item => item === el
? {
...item,
show: !item.show
}
: item
));
};for (const key of utm) {
params.delete(key);
}const href = 'https://example.com/?user=John&some_key=1&id=3';
const url = new URL(href);
const availableKeys = ['user', 'id'];
for (const key of [...url.searchParams.keys()]) {
if (!availableKeys.includes(key)) {
url.searchParams.delete(key);
}
}
console.log(url.toString()); // 'https://example.com/?user=John&id=3'const strings = [
'<img src="link">1234566 4553342 aaa',
'<div><img class="super-img" src="https://example.com"/></div>',
'src="1"',
'<img src=\'../img.png\'/>'
];
const expression = /img.+?src=(["'])(.+)\1/;
for (const string of strings) {
const src = (string.match(expression) || [])[2] ?? null;
console.log(string);
console.log(src);
}
/*
<img src="link">1234566 4553342 aaa
link
<div><img class="super-img" src="https://example.com"/></div>
https://example.com
src="1"
null
<img src='../img.png'/>
../img.png
*/