點擊按鈕后如何彈出gif？

Question

我目前只有這個，它不起作用

 function peidas2rts() { document.getElementById("s-maxiles2rtsu").style.display = "none"; } function annas2rtsu() { document.getElementById("s-maxiles2rtsu").style.display = "block"; window.setTimeout(peidas2rts, 500); annas2rtsu_stats('s2rts') }

 <div style="text-align:right;position:fixed;bottom:0px;width:99%;height:107px;text-align:right;"> <a href="#s2rts" onclick="javascript:annas2rtsu();"><img src="/assets/images/maxile_sartsu_small-2-et.png" alt="No anna �ks v�ike surakas!" title="No anna �ks v�ike surakas!" border="0" /></a> </div>

Answer 1

<div> 
    <a href="#s2rts" id="btn-gif">click here</a>    
    <img src="" style="border: 3px solid red;" height="300px" width="300px" id="gif">
</div> 
<script type="text/javascript">
    const gif = document.getElementById("gif");
    const btn_gif = document.getElementById("btn-gif");

    btn_gif.addEventListener("click", function() {
        //changing src
        gif.src = "example.gif";
    });
</script>