I am trying to implement a click event on my site without jQuery.

I want to target multiple selectors.

In jQuery this can be done by simply comma seperating the items as shown below.

jQuery(document).on('click', '#test1, #test2', function (event) {

    alert($(this).text());

});

How can this easily be done in plain javascript?

I have tried the below which works but it seems like there should be a simpler way especially if I want more than an alert to occur on click? I want to target more than one specific selector not all divs for example

var test1 = document.getElementById('test1');

var test2 = document.getElementById('test2');



if (test1.addEventListener || test2.addEventListener) {

    test1.addEventListener('click', function(event) {

        alert(this.innerHTML);

    });

    test2.addEventListener('click', function(event) {

        alert(this.innerHTML);

    });



    /* this only works when you click on test2

    (test1,test2).addEventListener('click', function(event) {

        alert(this.innerHTML);

    });

    */

    /* this only works when you click on test2

    (test1.addEventListener),(test2.addEventListener)('click', function(event) {

        alert(this.innerHTML);

    });        

    */

}

    var test1 = document.getElementById('test1');

    var test2 = document.getElementById('test2');

    if (test1.addEventListener || test2.addEventListener) {

        test1.addEventListener('click', function(event) {

            alert(this.innerHTML);

        });

        test2.addEventListener('click', function(event) {

            alert(this.innerHTML);

        });

    }

<div id=test1>test1</div>

<div id=test2>test2</div>

Is there a way to comma seperate the selectors, or setup all selctors before running the code like you can with jQuery?