У меня есть три кнопки в форме кнопок с картинками, загруженными в качестве фона через CSS.Следующий код - это то, что я использую для изменения фона тела в зависимости от того, на каком элементе div они щелкнули.
const buttons = document.querySelectorAll('.circle');
const bg = document.body;
for (i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", (e) => {
let path = window.getComputedStyle(e.target).getPropertyValue('background-image');
bg.style.backgroundImage = path;
});
}
Итак, если они нажмут div1, фон тела будет перезаписан фоном div1.Теперь я хочу сделать процесс более автоматическим, и я подумал о том, чтобы выровнять сгенерированные пути в соответствии с количеством кнопок.Я знаю, что это возможно, потому что я делал подобные вещи раньше (примерно год назад), но я совершенно забыл, как это сделать.Я хочу сделать что-то вроде этого:
let path = `url(img/img${i}.gif)`
Возможно ли это?