Salve a tutti,


premetto che sono veramente alle prime armi con js e con gran fatica e lunghe ricerche sono riuscito a inserire un generatore di numeri casuale con pulsante di input all'interno di un sito web.


Ciò che però vorrei è che dopo la pressione del pulsante di input e la comparsa a schermo del risultato, vorrei inserire una sorta di animazione di caricamento ed un effetto sonoro



Quindi in pratica ritardare per qualche secondo l'uscita del risultato mentre nell'attesa compare una gif di caricamento. Dopodichè udire un suono in contemporanea con l'uscita del risultato.


Premetto che non so se nemmeno è possibile fare quanto sto chiedendo, per questo mi rivolgo a voi almeno per delle dritte sul come arrivare a questo risultato.


Questo il codice per far capire meglio



codice:
function IsNumeric(n){
    return !isNaN(n);
}


$(function(){
   
    $("#getit").click(function() {
   
        var numLow = $("#lownumber").val();
        var numHigh = $("#highnumber").val();
       
        var adjustedHigh = (parseFloat(numHigh) - parseFloat(numLow)) + 1;
       
        var numRand = Math.floor(Math.random()*adjustedHigh) + parseFloat(numLow);
       
         if ((IsNumeric(numLow)) && (IsNumeric(numHigh))  && (parseFloat(numLow) <= parseFloat(numHigh)) &&  (numLow != '') && (numHigh != '')) {
            $("#randomnumber").text(numRand);
        } else {
            $("#randomnumber").text("Careful now...");
        }
       
        return false;
    });
   
    $("input[type=text]").each(function(){
        $(this).data("first-click", true);
    });
   
    $("input[type=text]").focus(function(){
       
        if ($(this).data("first-click")) {
            $(this).val("");
            $(this).data("first-click", false);
            $(this).css("color", "black");
        }
       
    });
   
});