Ser8191,
<html>
<head>
<title>Knopki</title>
<meta charset="utf-8">
<script>
var img = ["http://icons.iconarchive.com/icons/hopstarter/soft-scraps/72/Button-Turn-Off-icon.png", "http://icons.iconarchive.com/icons/hopstarter/soft-scraps/72/Button-Turn-On-icon.png"],
kn = ["q", "a", "z"];
window.addEventListener("DOMContentLoaded", function() {
kn.forEach(function(b) {
var a = new Image,
c = 0;
a.addEventListener("click", function() {
this.src = img[c = +!c]
});
a.src = img[0];
document.querySelector("#" + b).appendChild(a)
})
});
</script>
</head>
<body>
<p><span id="q"></span></p>
<p><span id="a"></span></p>
<p><span id="z"></span></p>
</body>
</html>