问题[javascript]

告诉我可能是什么问题，每次点击删除按钮，然后在模态窗口中点击取消按钮，点击另一个任务删除按钮并确认操作后，两者都被删除

// Создаем элемент модального окна
const modalOverlay = document.createElement('div')
modalOverlay.classList.add('modal-overlay', 'modal-overlay_hidden')
modalOverlay.innerHTML = `
    <div class="delete-modal">
        <h3 class="delete-modal__question">
            Вы действительно хотите удалить эту задачу?
        </h3>
        <div class="delete-modal__buttons">
            <button class="delete-modal__button delete-modal__cancel-button">
                Отмена
            </button>
            <button class="delete-modal__button delete-modal__confirm-button">
                Удалить
            </button>
        </div>
    </div>
`;
document.body.appendChild(modalOverlay)

// Функция для открытия модального окна
function openModal() {
    modalOverlay.classList.remove('modal-overlay_hidden')
}

// Функция для закрытия модального окна
function closeModal() {
    modalOverlay.classList.add('modal-overlay_hidden')
}

tasksList.addEventListener('click', (event) => {
    if (event.target.classList.contains('delete-button')) {
        openModal()
       
const taskId = event.target.closest('.task-item').dataset.taskId   
const confirmButton = modalOverlay.querySelector('.delete-modal__confirm-button')
const cancelButton = modalOverlay.querySelector('.delete-modal__cancel-button')

// исправление бага с удаленной задачей

confirmButton.addEventListener('click', () => {
 // Находим и удаляем задачу из массива и DOM
 const taskItem = document.querySelector(`[data-task-id="${taskId}"]`)
 const taskItemIndex = tasks.findIndex(task => task.id === taskId)
 tasks.splice(taskItemIndex, 1)
  tasksList.removeChild(taskItem)
  closeModal();
})

cancelButton.addEventListener('click', closeModal)
}
})

有一个带有名称的数组，您需要使用该数组的元素创建一个列表，这就完成了。

最终结果：在列表的末尾有一个输入，您可以通过它添加新元素；所有元素（包括新元素）都可以通过单击随附元素旁边的链接进行编辑和删除（删除）。尚未完成，这不是问题）

问题：如何缩短两块代码（现有的li和添加的），以免多次重写函数，无法将它们连接起来，如果可以以某种方式将函数移到for之外，请告诉我。另外，当添加删除链接时，该链接仅添加到现有的 li 中，而忽略添加的链接。

let parent = document.querySelector('ul');
let add = document.getElementById('input');
let array = ['Nani', 'Tom', 'Itan', 'Lilo'];

for (let elem of array) {
  let li = document.createElement('li');
  li.textContent = elem;
  parent.append(li)
  li.addEventListener('click', func);

  function func() {
    let input = document.createElement('input');
    input.value = li.textContent;
    li.textContent = '';
    li.append(input);
    input.addEventListener('blur', function() {
      li.textContent = input.value;
      li.addEventListener('click', func)
    })
    li.removeEventListener('click', func)
  }
}

add.addEventListener('blur', function() {
  let li = document.createElement('li');
  li.textContent = add.value;
  parent.append(li)
  li.addEventListener('click', func);

  function func() {
    let input = document.createElement('input');
    input.value = li.textContent;
    li.textContent = '';
    li.append(input);
    input.addEventListener('blur', function() {
      li.textContent = input.value;
      li.addEventListener('click', func)
    })
    li.removeEventListener('click', func)
  }
})

let lis = document.querySelectorAll('ul li')
for (let li of lis) {
  let link = document.createElement('a');
  link.href = '';
  link.textContent = 'delite';
  li.append(link)
}

<ul id="parent"></ul>
<input id="input">

如何使用js<span id="first">1</span>从标签中获取数字1，将其转换为月份名称（一月）并将该名称返回到同一标签而不是数字 <span id="first">Январь</span>，依此类推所有12个月？谢谢。

有 2 个 php 文件 ex1.php 和 ex2.php。在 ex1.php 中 ex2.php 已连接 <?php include_once "config/print.php"; ?> 在 ex1.php 标记中

<span id="ITEM1" class="text"></span>

在 ex2.php 标记中

<span id="ITEM2" class="text">Текст</span>

如何从 id=ITEM2 的标签获取文本到 id=ITEM1 的标签