检查输入的值是否与<p>相同

Question

我正在尝试制作一个简单的游戏来学习解密学习js。 所以我有一个单词，加密的同一个单词，以及用户可以写出正确单词的textarea。当您在textarea中写入正确的单词时，加密的单词应该取该单词的值。 它应该是类似那些你学习语言的网站，你必须写下你听到的单词等。 这是我的代码：

＆＃13;

＆＃13;

var inp = document.getElementById('ans');
var p = document.getElementById('word');
var right = document.getElementById('c');


inp.addEventListener('input', function(){
    if (right.textContent === inp.value) { 
    	p.textContent = right.textContent
      };
});

＆＃13;

<p id="word">lhatci</p>
<p id="c">chat</p> <!--this will be hidden-->

<textarea id="ans"></textarea>

＆＃13;

＆＃13;

＆＃13;