function displayCharacterImage(character) {
var characterImage = document.getElementById('character-image');
// Get the base URL from the HTML
var baseUrl = document.getElementById('base-url').textContent;
var imagePath = '';
if (character === 'bard') {
imagePath = baseUrl + 'bard.png';
} else if (character === 'assassin') {
imagePath = baseUrl + 'assassin.png';
} else if (character === 'infighter') {
imagePath = baseUrl + 'infighter.png';
} else if (character === 'gunner') {
imagePath = baseUrl + 'gunner.png';
} else if (character === 'tanker') {
imagePath = baseUrl + 'tanker.png';
} else if (character === 'magician') {
imagePath = baseUrl + 'magician.png';
}
if (imagePath !== '') {
characterImage.innerHTML = '<img src="' + imagePath + '" alt="' + character + '">';
} else {
characterImage.innerHTML = ''; // 선택한 캐릭터가 없을 경우 이미지 영역 비우기
}
}
JavaScript
복사