Hiding an item completely from browser

hello,
i need to create a page with a little quiz.
the possible answer list items is the quiz are supposed to have either the checkmark-icon or the cross-item, depending if they are correct or wrong.
now i can use

[hidden]="not_evaluated"

but then the icons are still visible to the user, when they use “inspect” in their browser, hence there is the ability to cheat.
since i know it is not supposed to be good practise to mess with the dom directly from the control.
i am wondering how i can hide the icon.

thanks for all input.

I wouldn’t stress about this too much, because even if you take it out of the DOM, a dedicated cheater would be able to read the right answer out of the app package. The only way to really get around this would be to store the correct answers outside of the app, in which case it wouldn’t work offline.