function createApp () { //добавляем содержимое в html-вёрстку
// прочитать список
studentList = JSON.parse(localStorage.getItem("myKey") ?? '[]');
const container = document.querySelector('.conteiner'); // подключаем контейнер
const tableObj = createTable(); // создаем таблицу
container.append(tableObj.table); // добавляем в разметку созданную таблицу
const addBtn = document.querySelector('.add-btn'); // поключаем кнопку
addBtn.addEventListener('click', () => { // навешиваем событие на кнопку, чтобы при клике срабатывала функция
addStudent(studentsList, tableObj.tbody); // функция добавления студента из формы.
// При каждом обновлении сохраняем
localStorage.setItem("myKey",JSON.stringify(studentsList));
});
// А это не надо
// localStorage.setItem("myKey",JSON.stringify(studentsList));
}const timeouts = [
25, 5, 25, 10
];
function timer() {
if (timeouts.length > 0) {
const period = timeouts.pop();
console.log('Start: ' + period);
setTimeout(function(){
console.log('End: ' + period);
timer();
}, period * 1000);
} else {
console.log('All done!');
}
}
timer();function showThumbnail($img, href, title) {
$img.attr('src', href);
$img.attr('alt', title);
}
$(".gallery__list").each(function($gallery){
let $largeImg = $gallery.find('.galleru__item-prem');
$gallery.mouseover(function(event){
let thumbnail = event.target.closest('.galleru__item');
if (!thumbnail) return;
showThumbnail($largeImg, thumbnail.href, thumbnail.title);
});
});function showThumbnail(img, href, title) {
img.src = href;
img.alt = title;
}
document.querySelectorAll('.gallery__list').forEach(function(gallery){
const largeImg = gallery.querySelector('.galleru__item-prem');
if (!largeImg) console.warn('Нет большой картинки');
gallery.addEventListener('mouseover', function(event){
const thumbnail = event.target.closest('.galleru__item');
if (!thumbnail) return;
showThumbnail(largeImg, thumbnail.href, thumbnail.title);
});
});jQuery undefined то может нужно его вкинуть в глобальный скоуп, как думаете?window.$ = jQuery;
window.jQuery = jQuery;jQuery, а не на доллар.
let inputString = "+... ... ... ... ... ..";
let stringArray = inputString.split(" "); // разбиваем строку по пробелам
stringArray.shift(); // удаляем первый элемент массива
let outputString = stringArray.join(" "); // склеиваем оставшиеся элементы массива в строку
console.log(outputString); // выводим результат в консольlet inputString = "+... ... ... ... ... ..";
let result = inputString.split(" ").slice(1).join(" ");
console.log(result);window.onload = () => {
const popUp = document.getElementById('cookiePopup');
function showPopup() {
popUp.classList.add('show');
popUp.classList.remove('hide');
}
function hidePopup() {
popUp.classList.add('hide');
popUp.classList.remove('show');
}
document.getElementById('acceptCookie').addEventListener('click', () => {
localStorage.setItem('cookieAccepted', '1');
hidePopup();
});
if (localStorage.getItem('cookieAccepted') === '1') {
hidePopup();
} else {
showPopup();
}
};<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>.menu {
transform: translateX(-100%);
opacity: 0;
transition: all 0.5s ease;
}
.menu.ready {
transform: translateX(0);
opacity: 1;
}const delay = 300;
[...document.querySelectorAll('.menu')].reverse().forEach((menu, index) => {
setTimeout(() => {
menu.classList.add('ready');
}, delay * (index + 1))
});document.querySelectorAll('.element').forEach(el => {
const id = el.getAttribute('id');
fetch('https://mysite.com', {
body: {
id
}
})
.then(response => response.json())
.then(response => {
if (response.status === 'ok') {
el.style.color = 'green';
} else {
el.style.color = 'red';
}
})
.catch(err => {
console.log(err);
el.style.color = 'red';
});
});$id = $_GET['id'];
// Что-то делаем
$result = doSomething($id);
$response = [
'status' => $result ? 'ok' : 'error'
];
echo json_encode($response);
die;я понимаю, что как в примере я не перебью стили,
jQuery.ajax({ // 1. Выполнится этот код
url: 'receiveData.php',
type: 'POST',
data: {},
success: function () {
// 3. А уже после окончания запроса выполнится этот код
// Именно в это время данные будут получены и сохранены.
},
error: function () {
console.log('ERROR');
}
})
receiveTxt(); // 2. Потом сразу же выполнится этот код