Javascript JS：点击一个字母来移动它

我需要点击单词中的一个字母。单击字母时，它需要移动到新位置（新词的第一个空位置）。用户需要从混乱的字母中猜出单词。我该怎么做？ 我有一个简单的javascript代码，它给了我一个从数组中随机洗牌的单词，接下来我该怎么做

function GetValue()
{
var myarray,random,mix,p1,p2,sa;
myarray= new Array("dog","cat","rabbit","horse");
random = myarray[Math.floor(Math.random() * myarray.length)];
mix=random.split("");
for(var i=0;i<10;i++) {
p1=Math.floor(Math.random()*mix.length);
p2=Math.floor(Math.random()*mix.length);
sa=mix[p1]
segi[p1]=mix[p2];
mix[p2]=sa;
}
mix=mix.join("")
document.getElementById("word").innerHTML=mix;
}

函数GetValue（）
{
var myarray、随机、混合、p1、p2、sa；
myarray=新数组（“狗”、“猫”、“兔子”、“马”）；
random=myarray[Math.floor（Math.random（）*myarray.length）]；
混合=随机。分割（“”）；
对于（var i=0；i而言，您应该将每个字母分隔成一个span元素，而不仅仅是将原始单词放在dom中。这样，您就可以为每个字母附加一个单击处理程序

<span class="letter">d</span><span class="letter">o</span><span class="letter">g</span>

狗

您还需要插入空白的“占位符”来与单击的字母
交换。
<span class="letter">d</span><span class="letter">o</span><span class="letter">g</span><span class="blank">&nbsp</span>

dog

在jQuery中，这一切将更容易处理
可能有很多方法可以做到这一点，为什么不设想一种方法，然后开始尝试并实现它。如果您的实现或所设想的解决方案存在问题，那么社区可能会帮到您。堆栈溢出不是一个要求人们解决的地方为你做你的工作。