html

<p class="hoge1">テスト1</p>
<p class="hoge2">テスト2</p>
<p class="hoge3">テスト3</p>

JavaScript

/* 
第一引数：存在をチェックしたいイベントor関数実行のトリガー要素
第二引数：イベントタイプ(関数を実行する場合は"function")
第三引数：実行したい関数名
*/
function searchRunner(target, handle, callback) {
  if (document.querySelector(target) != null) {
    let targetElement = getElements(target);
    targetElement.forEach(function (elem, index) {
      if (handle === "function") {
        callback("テスト4");
      } else {
        elem.addEventListener(handle, callback);
      }
    });
  }
}

/* 要素を取得する */
function getElements(elem) {
  let targetElement = document.querySelectorAll(elem);
  targetElement = [...targetElement];
  return targetElement;
}

/* サンプル1 イベントのコールバックとして実行したい関数の処理を記述*/
function callback1(event) {
  // 挙動サンプル
  event.target.style.color = "red";
}

/* サンプル1 存在チェック+イベント発火を実行 */
searchRunner(".hoge1", "click", callback1);

/* サンプル2 実行したい関数の処理を記述*/
function callback2(sample) {
  // 挙動サンプル
  const hoge3 = document.querySelector(".hoge3");
  hoge3.textContent = sample;
}

/* サンプル2 存在チェック+関数発火を実行 */
searchRunner(".hoge2", "function", callback2);