how do you organize the names for classes and IDs of GUI elements across different projects?

[makata]

When creating alternvative or derivative versions of html+js files, I notice a lack of a consistent strategy for naming the names, classes and ids. the consequence is that when I try to integrate those files which started to live a life of their own, I spend a lot of time unifying the mentioned identifiers. As i do this, I still feel at a loss of a uniform system. do you have any? Ideally, the name should be telling of the function and class of the element, be distinct from the commands and words appearing on the GUI. Any other guidelines?

[niche]

It's best if you develop one that works best for you. There's no right or wrong approach except to say that, if you're confusing yourself, you're not there yet.