function findCharacter() {
var characterName = document.getElementById('character-name').value;
if (characterName) {
fetch('/find-character', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ 'character-name': characterName })
})
.then(response => {
if (!response.ok) {
throw new Error('Error: ' + response.status);
}
return response.json();
})
.then(data => {
if (data.status === 'success') {
var characterInfo = data.characterInfo;
var infoHTML = '<h3>Character Found:</h3>';
infoHTML += '<p><strong>Name:</strong> ' + characterInfo.character_name + '</p>';
infoHTML += '<p><strong>Class:</strong> ' + characterInfo.character_class + '</p>';
infoHTML += '<p><strong>Gender:</strong> ' + characterInfo.character_gender + '</p>';
document.getElementById('found-character-info').innerHTML = infoHTML;
} else {
document.getElementById('found-character-info').innerHTML = '<p>Character not found.</p>';
}
})
.catch(error => {
console.log(error);
});
}
}
JavaScript
복사