Need help with a website that I am developing

Question

I am creating a website that will be able to encrypt words into random pieces of text
/* I am still trying to make the encrypted text a bit more appealing */
but all I have is just what the website looks like and cant seem to grasp how to get normal text to be converted into the string of scary random looking text. could anyone help me with this plz? Im a total noob at programming using web languages. An example could be when someone types "a" in the box named "plain text input" its supposed to print "ll-10" as a result in the box named "encrypted text output".

Link:
https://code.sololearn.com/WvWI0lA5FQNl/#js

Answer 1

ok so what are these changes needed?

Answer 2

Thanks Yaroslav! U rlly helped me man

Answer 3

watch this
https://code.sololearn.com/WjnCPRtxJNKF/#js