Need help with document.getElementsByClassName() and an extra variable....

Say that I have these html strings....

<input class="SUBMIT_BUTTON" id="SUBMIT_BUTTON_1" refID='clock' type="submit" value="Clock">

<input class="SUBMIT_BUTTON" id="SUBMIT_BUTTON_2" refID='radio' type="submit" value="Radio">

I don't want to get hung up on the names..... just assume I have to work with these.

I know that I can do something like this in javascript:
const buttons = document.getElementsByClassName("SUBMIT_BUTTON");

but how can I pick the refID='clock' or the refID='radio' elements?

I need to be able to drill down to:

class="SUBMIT_BUTTON" refID='clock'
or the

class="SUBMIT_BUTTON" refID='radio'

elements so I can change the text of the button on either of those elements.

I know how to reference them by ID or by CLASS, but not by CLASS[refID='clock'] or CLASS[refID='radio' ]

- thanks