drawnofmymind

1)Передаешь Event,но не используешь.
2) "хочу знать какими способами можно еще заменить" - Можно при помощи event.target,тогда Event к месту.
3)var устарело,использую let или const
4)replace - заменить на add/remove
5)можно воспользоваться toggle

Переменная var – одна на все итерации цикла и видна даже после цикла

С переменной let – всё по-другому.
Каждому повторению цикла соответствует своя независимая переменная let. Если внутри цикла есть вложенные объявления функций, то в замыкании каждой будет та переменная, которая была при соответствующей итерации.

Добавил класс для p, и по e.target отнимаю)Я правильно сделал?(только для +)

const defaultNumber = 0;
document.querySelector('#result').textContent = defaultNumber;

function copypast() {
// Два инпута
let firstInputVal = document.querySelector("#firstspace").value;
let secondInputVal = document.querySelector("#secondspace").value;
// Блоки с текстом
let plusRes = document.querySelector('#plusRes');
let minusRes = document.querySelector('#minusRes');
// Select
let selectVal = document.querySelector('#select').value;
// Result
let result = document.querySelector('#result');


if (document.querySelector('#select').value === '+') {
plusRes.innerHTML += `${selectVal} ${firstInputVal} ${secondInputVal}
`;
result.textContent = eval(`${firstInputVal} + ${result.textContent}`);
} else {
minusRes.innerHTML +=" "+` | ${selectVal} ${firstInputVal} ${secondInputVal}
`;
document.querySelector('#result').textContent = eval(`${result.textContent} - ${firstInputVal}`);
}

}

document.querySelector('.wrapper').addEventListener('click', (e)=>{
let target = e.target
if(e.target.classList.contains('hi')){
let res = parseInt(e.target.textContent.slice(1).trim())
result.textContent =
eval(`${result.textContent} - ${res}`)
e.target.style.display = 'none'
}
})

Если кому интересно,есть крутое расширение CSS TREE)