0

我需要点击单词中的一个字母。当一个字母被点击时,它需要移动到它的新位置(一个新词的第一个空位置)。用户需要从打乱的字母中猜出单词。我怎样才能做到这一点?我有这个简单的 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;
}
4

1 回答 1

0

而不是仅仅将原始单词放在 dom 中,您应该将每个字母分隔成一个 span 元素。这样,您可以将点击处理程序附加到每个字母。

<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>

这在 jQuery 中会更容易处理

于 2013-10-30T23:55:29.293 回答