нужно вывести картинку при выполнении условия, если условие не выполнилось вывести другую. делаю так:
function one() {
if (true) {
let soundRight = new Audio("audio/right.wav");
soundRight.play();
let layer = document.querySelectorAll('.answer');
//layer.innerHTML = "<img src='img/star1.svg'>";
layer.style.width = '20px';
layer.style.height = '20px';
layer.style.backgroundImage = "img/star.svg";
document.getElementsByClassName(".answer").appendChild(layer);
} else {
let soundWrong = new Audio("audio/error.wav");
soundWrong.play();
let layer1 = document.querySelectorAll('.answer');
//layer1.innerHTML = "<img src='img/star2.svg'>";
layer1.style.width = '20px';
layer1.style.height = '20px';
layer1.style.backgroundImage = "img/star2.svg";
document.getElementsByClassName(".answer").appendChild(layer);
}
<div class="answer"></div>
так не работает... подскажите как правильно? чистый js