javascript - Ciphering data value so that it cannot be seen when viewing html source code -

i'm developing online test. questions , answer choices , points associated answer choices taken mysql database php. , front-end of test done jquery.

when output answer choices looks in html source:

<li data-points="1">answer choice text</li> 

so quite easy user see points associated answers looking source of page.

i somehow hide/mask/encrypt data-points value, must done php right after getting value mysql. after same html in page source:

<li data-points="2f77668a9dfbf8d5848b9eeb4a7">answer choice text</li> 

then encrypted value must read in front-end jquery , decrypt actual points can calculated.

i don't know how this, there simple solution? solution not need super secure don't want user can see right answer 1 click of "inspect element" or viewing source of page. if can point me right direction!