Sports Centres

🎧 B1 Listening Test Sports Centres Listen to the audio and choose the correct answer. 🎧 Listen to the Audio Your browser does not support the audio element. You can listen more than once. Question 1 of 20 Score: 0 #mafen-sports-centres-quiz { max-width: 720px; margin: 30px auto; padding: 25px; background: #fdfdfd; border: 1px solid #e0e0e0; border-radius: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; box-shadow: 0 5px 15px rgba(0,0,0,0.06); box-sizing: border-box; } #mafen-sports-centres-quiz *, #mafen-sports-centres-quiz *::before, #mafen-sports-centres-quiz *::after { box-sizing: border-box; } /* HEADER */ .sc-header { text-align: center; margin-bottom: 25px; } .sc-header h2 { margin: 0 0 5px; color: #2c3e50; font-size: 28px; font-weight: 700; } .sc-header h3 { margin: 0 0 8px; color: #3498db; font-size: 20px; font-weight: 600; } .sc-header p { margin: 0; color: #7f8c8d; font-size: 15px; } /* AUDIO */ .sc-audio-box { background: #ebf3f9; border-radius: 10px; padding: 20px; margin-bottom: 25px; text-align: center; border: 1px solid #d6e6f2; } .sc-audio-title { color: #2c3e50; font-weight: 700; font-size: 17px; margin-bottom: 12px; } .sc-audio-box audio { width: 100%; max-width: 600px; } .sc-audio-box p { margin: 10px 0 0; color: #566573; font-size: 13px; } /* PROGRESS */ .sc-progress { margin-bottom: 25px; } .sc-progress-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 14px; color: #566573; } .sc-progress-info strong { color: #2c3e50; } .sc-progress-bar { width: 100%; height: 9px; background: #ecf0f1; border-radius: 10px; overflow: hidden; } #sc-progress-fill { width: 5%; height: 100%; background: #3498db; border-radius: 10px; transition: width .3s ease; } /* QUESTION CARD */ .sc-card { background: #ffffff; padding: 25px; margin-bottom: 20px; border-radius: 10px; border-left: 5px solid #3498db; box-shadow: 0 3px 8px rgba(0,0,0,0.04); } .sc-topic { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: #3498db; font-weight: 700; margin-bottom: 10px; } .sc-question { font-size: 18px; line-height: 1.6; font-weight: 600; color: #2c3e50; margin-bottom: 20px; } /* OPTIONS */ .sc-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .sc-option { width: 100%; padding: 13px 15px; background: #f8f9fa; border: 1px solid #dcdde1; border-radius: 7px; text-align: left; font-size: 15px; color: #2c3e50; cursor: pointer; transition: all .2s ease; } .sc-option:hover:not(:disabled) { background: #e1b12c; color: white; border-color: #e1b12c; transform: translateY(-1px); } .sc-option:disabled { cursor: default; } .sc-option.correct { background: #2ecc71 !important; color: white !important; border-color: #2ecc71 !important; } .sc-option.incorrect { background: #e74c3c !important; color: white !important; border-color: #e74c3c !important; } /* FEEDBACK */ .sc-feedback { margin-top: 18px; padding: 14px 16px; border-radius: 7px; font-size: 14px; line-height: 1.6; } .sc-feedback.correct-feedback { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .sc-feedback.incorrect-feedback { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .sc-feedback strong { display: block; margin-bottom: 5px; } /* NEXT */ .sc-next { width: 100%; margin-top: 20px; padding: 13px 20px; border: none; border-radius: 7px; background: #3498db; color: white; font-size: 15px; font-weight: 600; cursor: pointer; } .sc-next:hover { background: #2980b9; } /* RESULT */ #sc-result { text-align: center; margin-top: 25px; padding: 30px 20px; background: #ebf3f9; border-radius: 10px; } .sc-result-title { font-size: 28px; font-weight: 700; color: #2c3e50; } .sc-result-score { font-size: 42px; font-weight: 800; color: #3498db; margin: 12px 0; } .sc-result-message { font-size: 16px; color: #566573; line-height: 1.6; margin-bottom: 20px; } .sc-restart { padding: 12px 25px; background: #2c3e50; color: white; border: none; border-radius: 7px; font-size: 15px; font-weight: 600; cursor: pointer; } .sc-restart:hover { background: #1f2d3a; } /* MOBILE */ @media (max-width: 600px) { #mafen-sports-centres-quiz { margin: 15px auto; padding: 18px; } .sc-header h2 { font-size: 23px; } .sc-card { padding: 18px; } .sc-question { font-size: 16px; } .sc-options { grid-template-columns: 1fr; } .sc-result-score { font-size: 35px; } } document.addEventListener("DOMContentLoaded", function () { const quizData = [ { topic: "SPORTS CENTRE A", question: "What is the name of the first sports centre?", options: [ { text: "Grange Park Sports Centre", correct: true, reason: "Correct! Maya introduces the Grange Park Sports Centre." }, { text: "Green Park Sports Centre", correct: false, reason: "The correct name is Grange Park Sports Centre." }, { text: "Grand Park Sports Centre", correct: false, reason: "The name is Grange Park Sports Centre." }, { text: "Grange Road Sports Centre", correct: false, reason: "The correct name is Grange Park Sports Centre." } ] }, { topic: "SIZE", question: "How does Maya describe the first sports centre?", options: [ { text: "Very large", correct: false, reason: "Maya says it is quite a small centre." }, { text: "Quite small", correct: true, reason: "Correct! Maya says, 'this is quite a small centre'." }, { text: "Extremely old", correct: false, reason: "The centre is small, although some students have attended since it opened ten years ago." }, { text: "Very modern", correct: false, reason: "The focus is on its size and range of activities." } ] }, { topic: "CLASSES", question: "Which of these classes is offered at the first centre?", options: [ { text: "Yoga", correct: true, reason: "Correct! Yoga is one of the classes offered." }, { text: "Boxing only", correct: false, reason: "Boxing is mentioned as an extra class at the second centre." }, { text: "Water polo", correct: false, reason: "Water polo is offered at the second centre." }, { text: "Diving", correct: false, reason: "Diving is one of the swimming activities at the second centre." } ] }, { topic: "DANCE", question: "Which dance class has the first centre recently started offering?", options: [ { text: "Ballet", correct: false, reason: "Ballet is not mentioned." }, { text: "Flamenco", correct: true, reason: "Correct! Maya says they have just started offering flamenco." }, { text: "Hip-hop", correct: false, reason: "Hip-hop is not mentioned." }, { text: "Ballroom dancing", correct: false, reason: "Ballroom dancing is not mentioned." } ] }, { topic: "TEACHERS", question: "What does Maya say about the teachers?", options: [ { text: "They are all volunteers.", correct: false, reason: "Maya says all the teachers are fully qualified and experienced." }, { text: "They are fully qualified and experienced.", correct: true, reason: "Correct! This is exactly how Maya describes the teachers." }, { text: "They are mostly students.", correct: false, reason: "The teachers are qualified and experienced." }, { text: "They only teach advanced students.", correct: false, reason: "There are classes from beginner to advanced level." } ] }, { topic: "FACILITIES", question: "What does the first centre have besides the gym?", options: [ { text: "A sauna and massage rooms", correct: true, reason: "Correct! Maya mentions the sauna and massage rooms." }, { text: "A large football stadium", correct: false, reason: "There is no football stadium." }, { text: "A diving pool", correct: false, reason: "The swimming pool belongs to the second centre." }, { text: "A cinema", correct: false, reason: "A cinema is not mentioned." } ] }, { topic: "WHAT TO BRING", question: "What must members bring if they want to use the showers?", options: [ { text: "A yoga mat", correct: false, reason: "They do not need to bring a mat for yoga or Pilates." }, { text: "Their own towel", correct: true, reason: "Correct! Members need to bring their own towel." }, { text: "Sports shoes", correct: false, reason: "A towel is specifically mentioned for the showers." }, { text: "A water bottle", correct: false, reason: "A water bottle is not mentioned." } ] }, { topic: "CAFÉ", question: "Where is the café in the first centre?", options: [ { text: "Next to the gym", correct: false, reason: "The café is just off the main entrance." }, { text: "Just off the main entrance", correct: true, reason: "Correct! Maya says the café is just off the main entrance." }, { text: "Beside the swimming pool", correct: false, reason: "There is no swimming pool mentioned in the first centre." }, { text: "On the second floor", correct: false, reason: "The location given is just off the main entrance." } ] }, { topic: "CAFÉ", question: "Which of these can customers buy at the café?", options: [ { text: "Teas and fresh juices", correct: true, reason: "Correct! The café offers teas, fresh juices, sandwiches and cakes." }, { text: "Pizza and burgers", correct: false, reason: "Pizza and burgers are not mentioned." }, { text: "Sports supplements", correct: false, reason: "Sports supplements are sold at the second centre's shop." }, { text: "Protein shakes only", correct: false, reason: "The café offers a wider selection including teas, juices, sandwiches and cakes." } ] }, { topic: "MEMBERSHIP", question: "Which membership periods are available at the first centre?", options: [ { text: "One, three or five months", correct: false, reason: "The available periods are three months, six months or a year." }, { text: "Three months, six months or a year", correct: true, reason: "Correct! These are the three membership options mentioned." }, { text: "Six months or two years only", correct: false, reason: "A three-month and one-year option are also available." }, { text: "One month or one year", correct: false, reason: "The centre offers three months, six months or a year." } ] }, { topic: "MEMBERSHIP", question: "What does the standard membership allow members to do?", options: [ { text: "Use the gym and attend two classes a week", correct: true, reason: "Correct! The membership includes gym use and two classes per week." }, { text: "Use the sauna without any extra charge", correct: false, reason: "The sauna requires a small extra charge." }, { text: "Attend unlimited classes", correct: false, reason: "The standard membership includes two classes a week." }, { text: "Use the massage rooms for free", correct: false, reason: "Massage prices are mentioned separately." } ] }, { topic: "SPORTS CENTRE B", question: "Who introduces the second sports centre?", options: [ { text: "Maya", correct: false, reason: "Maya introduces the first centre." }, { text: "Bill", correct: true, reason: "Correct! Bill introduces the second centre." }, { text: "James", correct: false, reason: "The speaker's name is Bill." }, { text: "Peter", correct: false, reason: "The speaker's name is Bill." } ] }, { topic: "GYM", question: "How does Bill describe the gym at the second centre?", options: [ { text: "Small and old", correct: false, reason: "Bill describes it as enormous with lots of brand-new machines." }, { text: "Enormous with lots of brand-new machines", correct: true, reason: "Correct! This is how Bill describes the main gym." }, { text: "Small but very expensive", correct: false, reason: "The gym is described as enormous." }, { text: "Crowded and uncomfortable", correct: false, reason: "Bill says it is unusual to have to wait for a machine." } ] }, { topic: "TRAINERS", question: "What must people wear in the gym at the second centre?", options: [ { text: "Outdoor shoes", correct: false, reason: "Outdoor shoes are not allowed." }, { text: "Trainers", correct: true, reason: "Correct! People can only enter the gym with trainers on." }, { text: "Sandals", correct: false, reason: "Trainers are required." }, { text: "Bare feet", correct: false, reason: "Trainers are required." } ] }, { topic: "SWIMMING POOL", question: "When can members use the swimming pool without booking?", options: [ { text: Most of the time, correct: true, reason: "Correct! The pool can be used most of the time without booking." }, { text: "Only at weekends", correct: false, reason: "There are certain times when classes take place, but otherwise booking is usually unnecessary." }, { text: "Only in the mornings", correct: false, reason: "The pool is available most of the time." }, { text: "Never", correct: false, reason: "Members can usually use it without booking." } ] }, { topic: "LIFEGUARD", question: "What does the lifeguard also offer?", options: [ { text: "Personal diet plans", correct: false, reason: "The lifeguard offers informal swimming tips." }, { text: "Informal swimming tips", correct: true, reason: "Correct! The lifeguard can offer informal swimming tips." }, { text: "Free sportswear", correct: false, reason: "Sportswear is sold in the shop." }, { text: "Massage", correct: false, reason: "Massage rooms belong to the first centre." } ] }, { topic: "SHOP", question: "What can members buy in the shop at the second centre?", options: [ { text: "Books and magazines", correct: false, reason: "The shop sells sportswear, sports drinks and supplements." }, { text: "Sportswear, sports drinks and supplements", correct: true, reason: "Correct! These are the products mentioned by Bill." }, { text: "Sandwiches and cakes", correct: false, reason: "These are available at the café in the first centre." }, { text: "Swimming pools", correct: false, reason: "The shop sells sports-related products." } ] }, { topic: "EXTRA CLASSES", question: "Which of these is an extra class offered at the second centre?", options: [ { text: "Taekwondo", correct: true, reason: "Correct! Taekwondo is one of the extra classes mentioned." }, { text: "Indian dancing", correct: false, reason: "Indian dancing is offered at the first centre." }, { text: "Pilates", correct: false, reason: "Pilates is offered at the first centre." }, { text: "Flamenco", correct: false, reason: "Flamenco is offered at the first centre." } ] }, { topic: "PRICE", question: "Why is the second centre more expensive?", options: [ { text: "It has fewer facilities.", correct: false, reason: "Bill says they offer a higher level of services and a wide range of activities." }, { text: "It offers a higher level of services and many activities.", correct: true, reason: "Correct! Bill explains that the higher price reflects the higher level of services and wide range of activities." }, { text: "It is open only at weekends.", correct: false, reason: "Opening times are not the reason for the higher price." }, { text: "It has fewer members.", correct: false, reason: "The number of members is not given as the reason." } ] }, { topic: "OVERALL COMPARISON", question: "Which statement is TRUE about the two sports centres?", options: [ { text: "Both centres have swimming pools.", correct: false, reason: "The swimming pool is mentioned at the second centre." }, { text: "The first centre offers dance classes such as flamenco.", correct: true, reason: "Correct! The first centre offers several dance classes, including newly introduced flamenco." }, { text: "The second centre is cheaper than the first.", correct: false, reason: "Bill says the second centre is slightly more expensive." }, { text: "The first centre has a very large gym.", correct: false, reason: "Maya describes the gym at the first centre as quite small." } ] } ]; let currentQuestion = 0; let score = 0; const questionsContainer = document.getElementById("sc-questions"); const resultContainer = document.getElementById("sc-result"); const currentNumber = document.getElementById("sc-current"); const totalNumber = document.getElementById("sc-total"); const scoreDisplay = document.getElementById("sc-score"); const progressFill = document.getElementById("sc-progress-fill"); totalNumber.textContent = quizData.length; function loadQuestion() { const question = quizData[currentQuestion]; currentNumber.textContent = currentQuestion + 1; scoreDisplay.textContent = score; progressFill.style.width = ( (currentQuestion + 1) / quizData.length * 100 ) + "%"; let html = ` B1 LISTENING COMPREHENSION ${currentQuestion + 1}. ${question.question} `; question.options.forEach( function(option, index) { html += ` ${option.text} `; } ); html += ` `; questionsContainer.innerHTML = html; const buttons = questionsContainer.querySelectorAll( ".sc-option" ); buttons.forEach( function(button) { button.addEventListener( "click", function() { const selectedIndex = parseInt( this.getAttribute( "data-index" ) ); checkAnswer( selectedIndex, buttons ); } ); } ); } function checkAnswer( selectedIndex, buttons ) { const question = quizData[currentQuestion]; buttons.forEach( function(button) { button.disabled = true; } ); const selectedButton = buttons[selectedIndex]; const correctIndex = question.options.findIndex( function(option) { return option.correct === true; } ); const correctButton = buttons[correctIndex]; if ( question.options[ selectedIndex ].correct ) { score++; selectedButton.classList.add( "correct" ); } else { selectedButton.classList.add( "incorrect" ); correctButton.classList.add( "correct" ); } scoreDisplay.textContent = score; const feedback = document.getElementById( "sc-feedback" ); if ( question.options[ selectedIndex ].correct ) { feedback.className = "sc-feedback correct-feedback"; feedback.innerHTML = "✓ Correct!" + question.options[ selectedIndex ].reason; } else { feedback.className = "sc-feedback incorrect-feedback"; feedback.innerHTML = "✗ Incorrect." + question.options[ selectedIndex ].reason + "" + "Correct answer: " + question.options[ correctIndex ].text; } feedback.style.display = "block"; if ( currentQuestion < quizData.length - 1 ) { const nextButton = document.createElement( "button" ); nextButton.type = "button"; nextButton.className = "sc-next"; nextButton.textContent = "Next Question →"; nextButton.addEventListener( "click", function() { currentQuestion++; loadQuestion(); window.scrollTo({ top: questionsContainer .offsetTop - 20, behavior: "smooth" }); } ); feedback.parentNode.appendChild( nextButton ); } else { const finishButton = document.createElement( "button" ); finishButton.type = "button"; finishButton.className = "sc-next"; finishButton.textContent = "View My Result"; finishButton.addEventListener( "click", showResult ); feedback.parentNode.appendChild( finishButton ); } } function showResult() { questionsContainer.style.display = "none"; const percentage = Math.round( ( score / quizData.length ) * 100 ); let message; if (percentage >= 90) { message = "Excellent! You understood the sports-centre information very well."; } else if (percentage >= 75) { message = "Very good! You understood most of the important details."; } else if (percentage >= 60) { message = "Good effort! Listen again and focus on facilities, activities and membership information."; } else { message = "Keep practising! Listen again and focus on the differences between the two centres."; } resultContainer.innerHTML = ` Listening Test Complete! ${score} / ${quizData.length} ${percentage}% ${message} ↻ Restart Test `; resultContainer.style.display = "block"; document .getElementById("sc-restart") .addEventListener( "click", restartQuiz ); resultContainer.scrollIntoView({ behavior: "smooth", block: "center" }); } function restartQuiz() { currentQuestion = 0; score = 0; resultContainer.style.display = "none"; questionsContainer.style.display = "block"; scoreDisplay.textContent = "0"; loadQuestion(); window.scrollTo({ top: questionsContainer .offsetTop - 20, behavior: "smooth" }); } loadQuestion(); });