4,090
edits
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
// Extract entry number from the clicked card | // Extract entry number from the clicked card | ||
var entryNumber = this.querySelector('.entry-number').textContent; | var entryNumber = this.querySelector('.entry-number').textContent; | ||
// Log entry number to the console for debugging | |||
console.log('Clicked on card with entry number:', entryNumber); | |||
// Call openModal with the entry number | // Call openModal with the entry number | ||
Line 17: | Line 20: | ||
function openModal(entryNumber) { | function openModal(entryNumber) { | ||
// Log to the console for debugging | |||
console.log('Opening modal for entry number:', entryNumber); | |||
// You can replace this with your logic to fetch and display data | // You can replace this with your logic to fetch and display data | ||
fetchData(entryNumber) | fetchData(entryNumber) | ||
.then(function(data) { | .then(function(data) { | ||
// Log to the console for debugging | |||
console.log('Data fetched successfully:', data); | |||
// Display data in the modal | // Display data in the modal | ||
document.getElementById('modalContent').innerHTML = data; | document.getElementById('modalContent').innerHTML = data; | ||
Line 27: | Line 36: | ||
}) | }) | ||
.catch(function(error) { | .catch(function(error) { | ||
// Log to the console for debugging | |||
console.error('Error fetching data:', error); | console.error('Error fetching data:', error); | ||
}); | }); | ||
Line 32: | Line 42: | ||
function closeModal() { | function closeModal() { | ||
// Log to the console for debugging | |||
console.log('Closing modal'); | |||
// Hide the modal | // Hide the modal | ||
document.getElementById('myModal').style.display = 'none'; | document.getElementById('myModal').style.display = 'none'; |