document.addEventListener('DOMContentLoaded', function () {
// בחר את הרשימה
const selectElement = document.querySelector('.product-select'); // עדכן למחלקה של ה-select
// בחר את התמונה
const imageElement = document.querySelector('.product-image'); // עדכן למחלקה של התמונה
// בדוק שהאלמנטים קיימים
if (selectElement && imageElement) {
// האזן לשינוי בערך של הרשימה
selectElement.addEventListener('change', function () {
const selectedValue = selectElement.value; // הערך שנבחר
console.log('Selected value:', selectedValue); // בדוק בקונסול אם הערך נכון
if (selectedValue) {
// עדכן את ה-src של התמונה
imageElement.src = `/wp-content/uploads/letters/${selectedValue}.jpg`;
}
});
} else {
console.error('Select or image element not found!');
}
});
