Museum
About This Attraction
The Anne Frank House in Amsterdam is a historical museum dedicated to the life and legacy of Anne Frank, a Jewish girl who hid from the Nazis during World War II. Visitors can explore the Secret Annex where Anne wrote her famous diary, offering a poignant glimpse into her daily life and struggles. The museum provides detailed exhibits about the Holocaust, promoting awareness and understanding of this tragic period in history.
Practical information for visitors includes details about the Anne Frank House opening hours, which generally vary depending on the season. It is advisable to purchase tickets online in advance due to high visitor demand. The museum is centrally located and easily accessible by public transport, making it a convenient stop for tourists exploring Amsterdam.
Location Details
Address
Prinsengracht 263-267, 1016 GV Amsterdam, Netherlands
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
16
Child
7
Student
10
Senior
16
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
9:00 AM to 10:00 PM
Seasonality
Year-round
Booking
Booking Required?
Yes
Book Your Visit
*Prices may vary. Check official website for the most up-to-date information.
Nearby Attractions
The Rijksmuseum in Amsterdam is a renowned Dutch national museum dedicated to arts and history.…
Learn More
The Van Gogh Museum in Amsterdam houses the largest collection of Vincent van Goghs paintings…
Learn More
Vondelpark is the largest city park in Amsterdam and a popular destination for both locals…
Learn More
The Zaans Museum, located in the picturesque area of Zaanse Schans in the Netherlands, provides…
Learn More
The Windmills of Zaanse Schans are an iconic feature of the Netherlands, offering visitors a…
Learn More
The Volendam Museum in Volendam offers visitors a look into the history and culture of…
Learn More
Cheese Factory Volendam is a popular destination for tourists visiting the charming town of Volendam…
Learn More
The Dom Tower in Utrecht is a prominent landmark and the tallest church tower in…
Learn More
The Rietveld Schröder House in Utrecht is a significant landmark in the world of architecture.…
Learn More
Utrecht University, located in the city of Utrecht in the Netherlands, is one of the…
Learn More
";
}
// Initialize modal controls
const initModalControls = function() {
console.log('Initializing modal controls');
const modal = document.getElementById('attraction-modal');
const closeBtn = document.querySelector('.attraction-modal-close');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
modal.style.display = 'none';
document.body.style.overflow = '';
});
}
window.addEventListener('click', function(event) {
if (event.target === modal) {
modal.style.display = 'none';
document.body.style.overflow = '';
}
});
// Make attraction cards clickable
const attractionCards = document.querySelectorAll('.attraction-card');
console.log('Found ' + attractionCards.length + ' attraction cards');
attractionCards.forEach(card => {
card.addEventListener('click', function(e) {
openModalWithCardData(this);
});
});
};
// Function to open modal with card data
const openModalWithCardData = function(card) {
// Get data from hidden div
const data = card.querySelector('.attraction-full-data');
if (!data) {
console.error('No attraction data found in card');
return;
}
const modal = document.getElementById('attraction-modal');
if (!modal) {
console.error('Modal element still not found after creation attempt');
return;
}
// Helper function to safely get element text
function getElementText(selector) {
const element = data.querySelector(selector);
return element ? element.textContent : '';
}
try {
// Basic Info
document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name');
document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full');
document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full');
// Reset all containers to hidden
['attraction-modal-hours-container', 'attraction-modal-price-container',
'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => {
const container = document.getElementById(id);
if (container) container.style.display = 'none';
});
// Rating
const ratingText = getElementText('.attraction-rating-full');
if (ratingText) {
const ratingValue = parseFloat(ratingText);
if (!isNaN(ratingValue)) {
const ratingValueEl = document.getElementById('attraction-modal-rating-value');
const ratingFillEl = document.getElementById('attraction-modal-rating-fill');
if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10';
if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%';
}
}
// Show the modal
modal.style.display = 'block';
document.body.style.overflow = 'hidden'; // Prevent background scrolling
console.log('Modal opened successfully');
} catch (error) {
console.error('Error opening modal:', error);
}
};
// Try to create the modal
const created = createModal();
console.log('Modal created:', created);
// If not created (already exists), initialize the controls
if (!created) {
initModalControls();
}
// Also initialize distance toggle
const distanceToggle = document.getElementById('distance-unit-toggle');
if (distanceToggle) {
distanceToggle.addEventListener('change', function() {
const showKm = this.checked;
// Update toggle labels
const labels = document.querySelectorAll('.toggle-label');
if (labels.length >= 2) {
labels[0].style.opacity = showKm ? '0.5' : '1';
labels[1].style.opacity = showKm ? '1' : '0.5';
}
// Update all distance displays
document.querySelectorAll('.nearby-attraction-card').forEach(card => {
const kmEl = card.querySelector('.distance-km');
const miEl = card.querySelector('.distance-mi');
if (kmEl && miEl) {
kmEl.style.display = showKm ? 'inline' : 'none';
miEl.style.display = showKm ? 'none' : 'inline';
}
});
});
}
});