Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
$(document).ready(function(){
const matchElements = document.querySelectorAll('.match');
console.log('HALLOOO')
if (matchElements.length > 0) {
console.log('Olen sees')
// Add event listeners to each match element
matchElements.forEach(matchElement => {
matchElement.addEventListener('mouseover', () => {
// Get the position of the .match element
const matchRect = matchElement.getBoundingClientRect();
console.log('Huuuuver')
// Position the .match-details element to the right of the .match element
const matchDetails = matchElement.querySelector('.match-details');
if (matchDetails) {
matchDetails.style.position = 'fixed';
matchDetails.style.top = `${matchRect.top}px`; // Keep the top position the same as .match
matchDetails.style.left = `${matchRect.right}px`; // Position to the right of .match
matchDetails.style.transform = 'translateY(-25%)';
}
});
});
});
}
});