Ошибка Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') JAVASCRIPT

think the easiest approach would be to just check that el is not null before adding an event listener:

const el = document.getElementById('overlayBtn');
if (el) {
el.addEventListener('click', swapper, false);
}
You can also wait to run your code until DOMContentLoaded has completed:

window.addEventListener("DOMContentLoaded", (event) => {
const el = document.getElementById('overlayBtn');
if (el) {
el.addEventListener('click', swapper, false);
}
});

Если элемент исчезает из DOM (Document Object Model) и из-за этого возникают ошибки, вы можете использовать условие для проверки существует ли элемент, прежде чем пытаться применить к нему какие-либо стили или обработчики событий.

Вот пример того, как вы можете модифицировать ваш код:
function edit1(){
var editTxt = document.querySelector('#edit-txt');
if(editTxt) {
editTxt.style .display = 'flex';
}
};

function edit2(){
var editTxt = document.querySelector('#edit-txt');
if(editTxt) {
editTxt.style .display = 'none';
}
};

var edit = document.querySelector('#edit');
if(edit) {
edit.addEventListener('mouseover', edit1);
edit.addEventListener('mouseout', edit2);
}

Таким образом, скрипт сначала проверяет, существует ли элемент, прежде чем назначить ему обработчики событий. Если элемента нет, код просто пропустит этот блок и перейдёт к следующему, что поможет избежать ошибок и позволит остальному коду работать нормально.

document.querySelector('#edit') возвращает тебе null, то есть элемент не найден.