Как я могу нажать кнопку с пользовательским идентификатором, который не распознается в Javascript? Если нет имени, тега или идентификатора, можно ли это сделать?

Я не понимаю на 100% то, что вы ищете. Но я думаю, вы хотите выбрать кнопку с настраиваемым атрибутом данных html5 (data-trekkie-id).

Вы можете выбрать кнопку в javascript, используя следующую строку:

const discountButton = document.querySelector('[data-trekkie-id = "apply_discount_button"]');

Он вернет первое совпадение с атрибутом data-trekkie-id = "apply_discount_button".

Затем вы можете прослушивать события этого элемента, подключив метод addEventListener.

Например, если вы хотите прослушивать событие щелчка на этом элементе, код будет следующим:

 discountButton.addEventListener('click', function(){
     alert('Discount button was clicked.'); // Replace this line with your code
 });

Благодаря гибкости HTMl вы можете создавать свои собственные атрибуты и использовать их по своему усмотрению; если вы когда-либо использовали бутстрап, вы увидите, что они добавляют некоторые атрибуты в теги html Вы можете сделать то же самое. Чтобы зафиксировать событие клика на кнопке с атрибутами data-trekkie-id, вы можете сделать что-то вроде JQuery:

$("[data-trekkie-id=apply_discount_button]").click(function(){
  //some stuff
})

или просто:

$("[data-trekkie-id]").click(function(){
    //some stuff
})

Надеюсь, мой ответ поможет!