id в localStorage то при постоянном наличии нужного HTML-кода на странице можно реализовать так:/* добавляем функцию получения HTML-кода исходя из текущих id записанных в localStorage */
function getHTML() {
const checkedName = 'checked';
const current = localStorage.getItem(checkedName);
if (current !== null) {
const arrCurrent = JSON.parse(current);
let mHTML = '';
arrCurrent.forEach(id => {
let replace = '';
$('#' + id).parent().nextAll('p').each(function() {
replace += this.outerHTML.replace(/(<|<\/)p/g, '$1span');
});
mHTML += '<div class="item">' + replace + '</div>';
})
return mHTML;
} else return;
}
/* убираем лишнее из обработчика события и оставляем так */
$('body').on('change', '.check', function(){
var modal = $('.modal');
if ($('input').is(':checked')) {
if (!modal.children().is('.item')) modal.html('');
} else {
modal.removeClass('modal-show').text('Здесь ничего нет');
}
if ($(this).prop('checked')) {
modal.addClass('modal-show');
}
actChecked($(this).attr('id'));
modal.html(getHTML()); /* в самом конце добавляем HTML-код в модальное окно */
});
/* так же прописываем, чтобы код добавлялся при загрузке страницы */
$('.modal').html(getHTML());
actChecked('ready');forEach можно:document.querySelectorAll('.class').forEach(em => {
em.addEventListener('click', function() {
/* событие, которое нужно повешать на клик по элементу */
})
})document.querySelector('.class').addEventListener('click', function() => {
console.log(this); /* this - текущий объект на котором произошел клик */
})keydown и keypress вообще не совсем корректно использовать. Эти события используются в других задачах. По-этому рассуждать как было бы очевиднее или логичнее не стоит. Для получения значения из input, если не нужно обрабатывать нажатые клавиши, вообще лучше всего использовать событие input $curs_url = json_decode(file_get_contents(""), TRUE);
$decodedBody = json_decode($curs_url, true);Ведь keypress - это когда мы нажимаем и отпускаем клавишу
keypress срабатывает сразу же при нажатии клавиши. А в момент нажатия клавиши у вас еще не добавлен новый символ в поле input и соответственно передается именно то значение, которые было в момент нажатия клавиши. Событие keyup срабатывает когда вы отпускаете клавишу, следовательно новый символ уже будет добавлен в input и успешно передается в событии. $arr? id мы и так уже сохраняем, только как бы отдельно для чекбоксов. Можно эти же сохраненные id использовать и для других действий. Вообще в целом можно реализовать так:localStorage только idid из localStorage и на основе него подхватываем HTML-код непосредственно с самой страницыlocalStorage. Но нужно понимать, что если на странице не будет нужного нам кода, то ничего в итоге не подхватится. Все зависит от самой задачи, что, как и где нужно. Просто на том примере, что мы разбираем, как видите почти с каждым новым вашим дополнением приходится что-то дописывать, потому что изначально все пишется на упрощенном примере. const это константа, значение, которое не будет изменяться в дальнейшем. let это переменная, которая будет изменяться в дальнейшем. Область видимости (локальная, глобальная) явным способом никак не задается и зависит от того в каком месте кода объявлена переменная. Можно везде записывать let или var (если имена переменных не пересекаются), не используя const вообще. Просто указывать конкретное назначение переменной, изменяемое или нет, все-таки более правильно.localStorage нет. Это вполне нормальная практика.