The practice we have mostly been following is to use `data-*` attributes for selectors.  It keeps them cleanly separated from classes used for styling.

So instead of having a selector of `'.diameter-calculator-circumference'`, you could use `'[diameter-calculator="circumference"]'`