隐藏/更改/添加图片

我最终要做的是有一个盒子和一个图像隐藏最初，然后取决于其他函数的结果，然后取消隐藏盒子(通过给它一个背景色)和图像，以及改变图像取决于所调用的函数。

• 第一个是在执行时出现框，但图像不是。
• 第二个函数被第二次调用时(抛出no第一次调用时的错误)由脚本的其余部分(这是一个计算器，所以它会发生多次)然后我得到一个错误，如果图像没有不再存在了:

"JavaScript运行时错误:无法设置属性'src'的undefined或空引用"

JScript:

function one(input) {
    document.getElementById("result").style.background = "lightgray";
    document.getElementById("result").style.color = "green";
    document.getElementById("icon").src = "tick.png";
    document.getElementById("icon").style.visibility = "visible";
}
function two(input) {
    document.getElementById("result").style.background = "lightgray";
    document.getElementById("result").style.color = "red";
    document.getElementById("icon").src = 'cross.png';
    document.getElementById("icon").style.visibility = "visible";
}

    <div id="result">
<img src="tick.png" id="icon" style="visibility:hidden">
</div>

和CSS(尽管我怀疑这是必要的):

#result {

width: 820px;
height: 450px;
border-radius: 20px;
padding-top:25px;
padding-bottom: 25px;
color: green;
font-size:40pt;
text-align: center;
margin-top: 100px;
margin-right: 150px;
margin-left:420px;
}
#result img{
margin-top: 85px;
width:220px;
height: 190px;
    }