1-) JS -  resim(img) ekleme ve üzerine gelince olay oluşturma

<img id="resim" src="çıkar.png" width="400px" height="400px"/>
    <script>
        var resim = document.getElementById("resim");
        resim.onmouseover = function (){
            resim.src = "ekle.png";
        }
        resim.onmouseout = function () {
            resim.src = "çıkar.png";
        }
    </script>