Bom, estou fazendo um exercio e preciso de uma pequena ajuda, adicionei uma lampada ligada quando é clicado, como faço para quando for clicada novamente ela substua a img?
Obs: Tenho uma imagem de uma luz acesa e outra desligada.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Aprendendo Eventos</title>
<style type="text/css">
body{background: #000000;}
#lampada{display:block; margin: 20px auto; }
</style>
<script type="text/javascript">
function ligar(){
window.document.getElementById("lampada").src = "../img/xlamp_on.png";
}
</script>
</head>
<body>
<img id="lampada" onclick="ligar();" src="../img/xlamp_off.png">
</body>
</html>