Performing Arts Center
About This Attraction
The Sydney Opera House is a world-renowned architectural masterpiece located on the shores of Sydney Harbour in Australia. Designed by Danish architect Jørn Utzon, it opened in 1973 and has since become one of the most iconic symbols of modern architecture. The building hosts a variety of performances throughout the year, including opera, ballet, theater, and concerts. Visitors can take guided tours to learn about its history, design, and cultural significance.
For those seeking Sydney Opera House travel information, its important to note that the site is easily accessible by public transport, with ferry, bus, and train services all nearby. The venue offers several dining options ranging from casual cafes to fine dining restaurants. Tickets for performances can be purchased online or at the box office, but its advisable to book in advance due to high demand. Overall, it provides a unique cultural experience set against the stunning backdrop of Sydneys skyline.
Location Details
Address
Bennelong Point, Sydney NSW 2000, Australia
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
AU$43
Child
AU$23
Student
AU$33
Senior
AU$38
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
9:00 AM to 5:00 PM
Seasonality
Year-round
Booking
Booking Required?
Yes
Advance Booking
14 days days recommended
Book Your Visit
*Prices may vary. Check official website for the most up-to-date information.
Nearby Attractions
The Sydney Harbour Bridge is an iconic structure in Sydney, Australia, connecting the citys central…
Learn More
The Royal Botanic Gardens in Melbourne are a popular destination for both locals and visitors,…
Learn More
Darling Harbour is a popular destination located in the heart of Sydney, Australia, offering a…
Learn More
Taronga Zoo in Sydney is a popular destination for people interested in wildlife and conservation.…
Learn More
Bondi Beach is one of Sydneys most famous beaches, attracting visitors from around the world.…
Learn More
Arakwal National Park is located in Byron Bay, New South Wales, Australia. It offers visitors…
Learn More
Cape Byron Lighthouse is located at the easternmost point of mainland Australia in Byron Bay,…
Learn More
Maud Sanctuary Zone in Coral Bay is a popular destination for nature lovers and marine…
Learn More
Main Beach in Byron Bay is a popular destination for both locals and tourists. Its…
Learn More
Melbourne Zoo, located in Parkville, is one of the oldest zoos in Australia and offers…
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';
}
});
});
}
});