Estoy en la escuela y el objetivo que me falta es cambiar la escala del elemento mole1 en 5 píxeles al hacer clic con el mouse (mousedown) y luego hacer que la imagen se vuelva a escalar a la escala original cuando se suelta el botón del mouse (mouseup). Agregué comentarios donde creo que irían las funciones.
//html below <html> <head> </head> <Body> <img id="mole" src="./Images/montymole-idle1.png"> <img id="luigi" src="./Images/luigi-wack1.png"> <p id="text">Times Hit Mole</p> <script language="javascript" type="text/javascript" src="./script.js/Script.js"> </script> </Body> </html> //JavaScript extention below var luigi1 = document.getElementById("luigi") var mole1 = document.getElementById("mole") var count = 0 var text = document.getElementById("text") luigi1.onmousedown = function(){ luigi1.src=("./Images/luigi-wack2.png") mole1.src=("./Images/montymole-idle2.png") count ++ text.textContent = "hits:" + count; //HOW DO I DOWNSCALE IMAGE (var mole1) BY 5 PIXLES ONMOUSEDOWN } luigi1.onmouseup = function(){ luigi1.src = ("./Images/luigi-wack1.png") mole1.src = ("./Images/montymole-idle1.png") //HOW DO I RESCALE IMAGE (var mole1) TO ORIGONAL FORM ONMOUSEUP }