İşlev, işlev tamamlandıktan sonra görüntüyü sıfırlamak için

Question

Here, "Yazdığınız kutuyu yazın" yazan bir görüntü görürsünüz, herşeyi girin çalışır.

Tamamlandıktan sonra, görüntüyü tekrar göstermesini istiyorum. Ben Sadece geri nextLetter fonksiyonun başka kontrol altında kaynak ayarlamak kelimeyi

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()); 
    } 

Answer 1

Ben mantık bunun o vurmak edeceğiz akar Tek yapmanız gereken tüm hat 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 
    } 
} 

üzerine ayarlanır düşünürdüm kelime tamamlandıktan sonra çok sonunda.

Answer 2

yazım bittikten sonra otomatik olarak çalışmasını sağlamak için nasıl bilmiyorum

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

: Bu kodu vardır. Yukarıda sadece

function setLetter(letter) {   
    document.getElementById("image").src = "http://thecodingninja.com/muslim/fingerspellingimg/"+letter+"abc.jpg";  
} 

ya da nextLetter işlevi kendisine bu kod satırını taşıyabilirsiniz aşağıdaki gibi setLetter basit işlevinizi tutabilir bittikten sonra

function nextLetter(word) { 
    if (word.length > 0) { 
    var firstLetter = word.charAt(0); 
    setLetter(firstLetter); 
    setTimeout(nextLetter, 1000, word.substring(1)); 
    } 
    else { 
    $("#image").attr('src',"fingerspellingimg/HDabc.jpg"); // set here instead of calling the setLetter again. 
    } 
} 

Yani, dolayısıyla gerek yoktur Bu işlev hiç.