[ksa]

Проблема в том, что имеющийся скрипт анализирует только первый <div id="event">, удаляет его с экрана (но в коде он остается), а второй <div id="event"> уже не анализирует. Как решить эту задачу?

Можно использовать нечто такое...

<div class="event">
	<div class="e_d">1</div>
</div>
<div class="event">
	<div class="e_d">2</div>
</div>
<div class="event">
	<div class="e_d">3</div>
</div>

<script>
document.querySelectorAll('.event').forEach(o => {
	console.log(o)
	const d = o.querySelector('.e_d').textContent
	// тут нужно проверать дату
	o.remove()
})

  
</script>