Here ，您会看到一个图像，上面写着“在框中输入”，您输入的内容单击输入，一切正常。

完成后我希望它再次显示图像。 我有这个代码:

function imageReset() { 
    $("#image").reset();  
} 

我不知道如何让它在拼写完单词后自动运行

function setLetter(letter) { 
  var img = document.getElementById("image"); 
  if (letter && letter.length == 1) { 
    img.src =       "http://thecodingninja.com/muslim/fingerspellingimg/"+letter+"abc.jpg"; 
  } 
  else { 
    img.src = ""; 
  } 
} 
 
function nextLetter(word) { 
  if (word.length > 0) { 
    var firstLetter = word.charAt(0); 
    setLetter(firstLetter); 
    setTimeout(nextLetter, 1000, word.substring(1)); 
  } 
  else { 
    setLetter(); 
 
  } 
    } 
 
function spellWord() { 
  var word = document.getElementById("text").value; 
  nextLetter(word.toUpperCase()); 
  } 

请您参考如下方法:

我认为您需要做的就是将其设置在第 7 行

function setLetter(letter) { 
  var img = document.getElementById("image"); 
  if (letter && letter.length == 1) { 
    img.src =       "http://thecodingninja.com/muslim/fingerspellingimg/"+letter+"abc.jpg"; 
  } 
  else { 
    img.src = "/muslim/fingerspellingimg/HDabc.jpg"; // <-- right here 
  } 
} 

逻辑流程是，在单词完成后，它会在最后到达。