Mostrar imagem em JavaScript

[HarryJ]

Olá, preciso fazer uma função que verifique se um número é menor que outro e mostre uma imagem dentro de uma div, senão for, mostra outra imagem.

Tenho a seguinte função em js:

function mostra(){
        var m3Fardos = document.getElementById("m3Fardos").value;
        var m3OP = document.getElementById("m3OP").value;

        if(m3Fardos < m3OP)
            return true;
        else
            return false;
    }

Se for verdadeiro, mostra uma imagem, se for falso, mostra outra. Como validar isso e mostrar a imagem?

Obrigado

[wootzor]

Experimenta assim:

m3Fardos: <input type="number" id="m3Fardos" /><br />
m3OP: <input type="number" id="m3OP" /><br />
<input type="button" id="btnVerifica" value="Verificar" onclick="carregaImagem()" />

<div id="div">
    <img id="img" />
</div>

function carregaImagem() {
    if (mostra()) 
    {
        document.getElementById("img").src = "http://placekitten.com/g/250/250";
    } 
    else 
    {
        document.getElementById("img").src = "https://placekitten.com/g/249/249";
    }
}

Exemplo.

[HarryJ]

Olá wootzor, ainda não pude testar, vou poder fazer isso na quarta. Aí te dou um retorno o mais rápido possível.

Obrigado pela resposta!

[wootzor]

Tudo bem :)

[HarryJ]

Funcionou! Desculpa a demora.

Obrigado!