<html>
<script language="javascript">
  function removeImg()
  {
   
    var elmt = document.getElementById("test0");
    elmt.src ="";
    elmt.parentNode.removeChild(elmt);         
    //delete elmt;
    console.log("Deleted Img");
    //alert('deleted'); 
  }
  
  function insertImg()
  {
    var imgtag='<img id="test0" src="wagonr.jpg"/>'
    var elmt = document.getElementById("testDiv");
    elmt.innerHTML = imgtag;
    console.log("Inserted Img");
  }
  
  document.onkeydown = keyhandler;
  function keyhandler(e)
  {  
         //console.log("key:"+event.keyCode);
         var code = (event.keyCode != 0) ? event.keyCode : (event.which != 0) ? event.which : event.detail;
         console.log("Code:"+code);
         if(code == 75)
                 removeImg();
         if(code == 74)
                 insertImg();
  }
</script>

<body>
<div id="testDiv">
<img id="test0" src="wagonr.png"/>
</div>
</body>

</html>