Помогите html, js

=_______=

id, по определению, должен быть один на странице. Это уникальный 'ИД'ентификатор элемента. Если элементов несколько, нужно назначить им общий класс.

В коде еще ошибка, open_pop_pu вместо up...

 111
222
333


 

//
Вообще, можно по приколу написать мини-библиотеку))

 function $(selector) {
    return new $_wrap(selector);
}

function $_wrap(selector) { 
    let items = document.querySelectorAll(selector); 
    for (let i = 0; i < items.length; i++) { 
        this[i] = items[i]; 
    } 
 
    this.length = items.length; 
 
    return this;
}

$_wrap.prototype.on = function(event, fn) {
    for (let i = 0; i < this.length; i++) {
        this[i].addEventListener(event, fn);
    }

    return this;
}

/***/

$('.open_pop_up').on('click', function() {
    /* что делаем при клике */

    console.log(this.textContent);
}); 

Или использовать готовую jQuery. Прекрасная библиотека для мелких проектов))

использовать классы