Having problems with the mouseup event
<p>Hello I am working on two functions swapFE() and swapEF(). The purpose of these two functions is to exchange the French phrases with the English phrases which I've already done. </p>

<p>When I press the mouse button down on each phrase the English translation appears which is what i want it to do.  </p>

<p>The problem is when I release the mouse button the French phrase should reappear and it doesn't happen. I don't know what I'm doing wrong.</p>

<p>I would appreciate it if someone can help me. Thanks for your time and for your help.</p>

<pre><code>function swapFE(e){
var phrase = e.srcElement;
var parent = phrase.parentNode;
var idnum = parent.childNodes[0];
var phrasenum = parseInt(idnum.innerHTML)-1;
phrase.innerText = english[phrasenum];
phrase.className ='english';

}


function swapEF(e){
var phrase = e.srcElement;
var parent = phrase.parentNode;
var idnum = parent.childNodes[0];
var phrasenum = parseInt(idnum.innerHTML)-1;
phrase.innerText = french[phrasenum];
phrase.className ='french';
}
</code></pre>
