how to assign image to a variable in javascript

1<div id="x"></div>
2
3<script>
4var img = document.createElement("img");
5 
6img.src = "image.png";
7var src = document.getElementById("x");
8 
9src.appendChild(img);
10</script>

1document.body.appendChild(img1);
2document.querySelector(".some-class").appendChild(img1);
3document.getElementById("someId").appendChild(img1);
4

1<img id="score1" class="hidden">
2<img id="score2" class="hidden">
3<img id="score3" class="hidden">
4
5.hidden { display: none; }
6
7var score2Element = document.getElementById("score2");
8score2Element.classList.remove("hidden");
9