Html – Starting Function When Check/Uncheck Checkbox JS

I’m trying to show an image when the checkbox is checked and show a text when it is unchecked.
When I check the checkbox I get the image but when I uncheck it the text doesn’t show.

<input type="checkbox" id="checkword" onchange="tran()">
<label for="checkword" class="word" id="word"></label>

let wordel = document.getElementById('word');
wordel.innerHTML = "A";
function tran() {
    if(wordel.checked != false){
        wordel.innerHTML = "";
        wordel.innerHTML = '<img src="001.gif">';
        wordel.style.padding = "0px";
        wordel.style.background = "none";
    } else {
        wordel.innerHTML = "A";
    }
}