如果 textField 值匹配，則單擊時更改按鈕圖像源

Question

代碼應該做的是，單擊時將 textField 值與給定值進行比較，並相應地更改單擊按鈕的來源。

它不這樣做。 我似乎無法找到原因。

<script type="text/javascript">
    
function check(){
    var txt = document.getElementById('t1').value;

    if(txt == "had"){
    document.getElementById('tick').src = "button-check_basic_green.png";}
    else{document.getElementById('tick').src = "button-check_basic_red.png";}   
};

var press = document.getElementById('tick');
press.addEventListener("click", check);

</script>


<p>You <input type="text" id="t1">one job.</p><input type="image" 
src="button-check_basic_blue.png" id="tick"/>
     

Answer 1

請看看我更新的JSFiddle ：

JS：

function check() {
    var txt = document.getElementById('t1').value;

    if (txt === "had") {
        document.getElementById('tick').src = "button-check_basic_green.png";
    } else {
        document.getElementById('tick').src = "button-check_basic_red.png";
    }
};

window.onload = function() {
    var press = document.getElementById('tick');
    press.addEventListener("click", check);
}

用彩色圖像編輯

編輯 2 用於 window.onload