How can I avoid using visibility = “hidden | visible”, and use JS instead for displaying scores?

Question

Here’s what I mean...
I’ve made 2 small websites (private), just a little game, for a giveaway on my YouTube channel.
Let me explain one of the websites:
For this one you had to put some letters in order. Click check to see If your combination is right. When it’s right the element rotates and on the back is the code u would give to me to receive ur prize.
For this I used check.onclick = func.(){ elm.style.anim= “rotate 1s...}
But imagine if it was someone like you guys you could easily inspect and get the c

Answer 1

I ran out of lines: let me continue:
But if it was someone like you guys, you could easily inspect, set the animation and get the code easy without even playing the game.
Not specifically for this but anyhing similar to this,

How could I have done it better so you couldn’t easily inspect and get the code?

Or I sometimes use elm.visibility = “visible” to display something hidden.
But that’s not really safe | hidden. again inspect.

I’ve done it myself, on this website i was trying to see a code source, but it doesn’t go past the loading screen, I just inspected, removed the loading screen, and was able to get to where i wanted
...