Finding the library

🎧 A1 Listening Test Finding the Library Listen to the audio and choose the correct answer. 🎧 Listen to the Audio Your browser does not support the audio element. Listen carefully. You can listen more than once. Question 1 of 20 Score: 0 #mafen-finding-library-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-finding-library-quiz *, #mafen-finding-library-quiz *::before, #mafen-finding-library-quiz *::after { box-sizing: border-box; } /* HEADER */ .fl-header { text-align: center; margin-bottom: 25px; } .fl-header h2 { margin: 0 0 5px; color: #2c3e50; font-size: 28px; font-weight: 700; } .fl-header h3 { margin: 0 0 8px; color: #3498db; font-size: 20px; font-weight: 600; } .fl-header p { margin: 0; color: #7f8c8d; font-size: 15px; } /* AUDIO */ .fl-audio-box { background: #ebf3f9; border-radius: 10px; padding: 20px; margin-bottom: 25px; text-align: center; border: 1px solid #d6e6f2; } .fl-audio-title { color: #2c3e50; font-weight: 700; font-size: 17px; margin-bottom: 12px; } .fl-audio-box audio { width: 100%; max-width: 600px; } .fl-audio-box p { margin: 10px 0 0; color: #566573; font-size: 13px; } /* PROGRESS */ .fl-progress { margin-bottom: 25px; } .fl-progress-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 14px; color: #566573; } .fl-progress-info strong { color: #2c3e50; } .fl-progress-bar { width: 100%; height: 9px; background: #ecf0f1; border-radius: 10px; overflow: hidden; } #fl-progress-fill { width: 5%; height: 100%; background: #3498db; border-radius: 10px; transition: width .3s ease; } /* CARD */ .fl-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); } .fl-topic { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: #3498db; font-weight: 700; margin-bottom: 10px; } .fl-question { font-size: 18px; line-height: 1.6; font-weight: 600; color: #2c3e50; margin-bottom: 20px; } /* OPTIONS */ .fl-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .fl-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; } .fl-option:hover:not(:disabled) { background: #e1b12c; color: white; border-color: #e1b12c; transform: translateY(-1px); } .fl-option:disabled { cursor: default; } .fl-option.correct { background: #2ecc71 !important; color: white !important; border-color: #2ecc71 !important; } .fl-option.incorrect { background: #e74c3c !important; color: white !important; border-color: #e74c3c !important; } /* FEEDBACK */ .fl-feedback { margin-top: 18px; padding: 14px 16px; border-radius: 7px; font-size: 14px; line-height: 1.6; } .fl-feedback.correct-feedback { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .fl-feedback.incorrect-feedback { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .fl-feedback strong { display: block; margin-bottom: 5px; } /* NEXT BUTTON */ .fl-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; } .fl-next:hover { background: #2980b9; } /* RESULT */ #fl-result { text-align: center; margin-top: 25px; padding: 30px 20px; background: #ebf3f9; border-radius: 10px; } .fl-result-title { font-size: 28px; font-weight: 700; color: #2c3e50; } .fl-result-score { font-size: 42px; font-weight: 800; color: #3498db; margin: 12px 0; } .fl-result-message { font-size: 16px; color: #566573; line-height: 1.6; margin-bottom: 20px; } .fl-restart { padding: 12px 25px; background: #2c3e50; color: white; border: none; border-radius: 7px; font-size: 15px; font-weight: 600; cursor: pointer; } .fl-restart:hover { background: #1f2d3a; } /* MOBILE */ @media (max-width: 600px) { #mafen-finding-library-quiz { margin: 15px auto; padding: 18px; } .fl-header h2 { font-size: 23px; } .fl-card { padding: 18px; } .fl-question { font-size: 16px; } .fl-options { grid-template-columns: 1fr; } .fl-result-score { font-size: 35px; } } document.addEventListener("DOMContentLoaded", function () { const quizData = [ { topic: "LOCATION", question: "Where is the library?", options: [ { text: "Next to the registration office", correct: true, reason: "Correct! The library is next to the registration office." }, { text: "Next to the lecture theatre", correct: false, reason: "The registration office is next to the lecture theatre, and the library is next to the registration office." }, { text: "Behind the big building", correct: false, reason: "The library is next to the registration office." }, { text: "Near the café", correct: false, reason: "A café is not mentioned." } ] }, { topic: "DIRECTIONS", question: "What is the big building called?", options: [ { text: "The library", correct: false, reason: "The big building is the lecture theatre." }, { text: "The registration office", correct: false, reason: "The registration office is next to the lecture theatre." }, { text: "The lecture theatre", correct: true, reason: "Correct! The big building is the lecture theatre." }, { text: "The student centre", correct: false, reason: "A student centre is not mentioned." } ] }, { topic: "DIRECTIONS", question: "Where is the registration office?", options: [ { text: "Next to the lecture theatre", correct: true, reason: "Correct! The registration office is next to the lecture theatre, on the right." }, { text: "Inside the library", correct: false, reason: "The registration office is next to the lecture theatre." }, { text: "Behind the library", correct: false, reason: "The library is next to the registration office." }, { text: "Opposite the lecture theatre", correct: false, reason: "The speaker says it is next to the lecture theatre." } ] }, { topic: "FIRST IMPRESSION", question: "Why does the student say, 'I'm new'?", options: [ { text: "Because they cannot find the library", correct: true, reason: "Correct! The student is new and does not know where the registration office and library are." }, { text: "Because they lost their books", correct: false, reason: "The student has not lost any books." }, { text: "Because they are late", correct: false, reason: "Being late is discussed later as a library rule." }, { text: "Because they are a librarian", correct: false, reason: "The student is not the librarian." } ] }, { topic: "LIBRARY", question: "Who does the student speak to inside the library?", options: [ { text: "A teacher", correct: false, reason: "The student speaks to the librarian." }, { text: "A librarian", correct: true, reason: "Correct! The second conversation is with the librarian." }, { text: "Another student", correct: false, reason: "The first person is another student, but inside the library the student speaks to the librarian." }, { text: "A registration officer", correct: false, reason: "The person inside the library is the librarian." } ] }, { topic: "LIBRARY CARD", question: "What does the student need to borrow books?", options: [ { text: "A student ID only", correct: false, reason: "The librarian says the student needs a library card." }, { text: "A library card", correct: true, reason: "Correct! The student needs a library card." }, { text: "A passport", correct: false, reason: "A passport is not mentioned." }, { text: "A laptop", correct: false, reason: "A laptop is allowed, but it is not needed to borrow books." } ] }, { topic: "APPLICATION", question: "What does the librarian give the student?", options: [ { text: "A library card", correct: false, reason: "The librarian gives the student an application form." }, { text: "An application form", correct: true, reason: "Correct! The librarian says, 'Here's the application form.'" }, { text: "Six books", correct: false, reason: "The student can take up to six books, but the librarian gives an application form." }, { text: "A laptop", correct: false, reason: "The student can bring their own laptop." } ] }, { topic: "BOOKS", question: "How many books can the student borrow?", options: [ { text: "Two", correct: false, reason: "The student can take up to six books." }, { text: "Four", correct: false, reason: "The maximum is six books." }, { text: "Six", correct: true, reason: "Correct! The student can take up to six books." }, { text: "Ten", correct: false, reason: "The maximum is six books." } ] }, { topic: "TIME", question: "How long does the student have to read the books?", options: [ { text: "One week", correct: false, reason: "The student has two weeks." }, { text: "Two weeks", correct: true, reason: "Correct! The librarian says, 'You have two weeks to read the books.'" }, { text: "Three weeks", correct: false, reason: "The student has two weeks." }, { text: "One month", correct: false, reason: "The student has two weeks." } ] }, { topic: "RETURNING BOOKS", question: "What must the student do after two weeks?", options: [ { text: "Buy the books", correct: false, reason: "The student must bring the books back." }, { text: "Bring the books back", correct: true, reason: "Correct! The librarian says, 'Then you bring them back.'" }, { text: "Give the books to a teacher", correct: false, reason: "The books must be returned to the library." }, { text: "Keep the books", correct: false, reason: "The books must be returned." } ] }, { topic: "LATE FEE", question: "What happens if the student returns the books late?", options: [ { text: "There is a fee.", correct: true, reason: "Correct! The student must pay a fee for each day they are late." }, { text: "They cannot borrow books again.", correct: false, reason: "This is not mentioned." }, { text: "They have to buy the books.", correct: false, reason: "The listening only mentions a late fee." }, { text: "They lose their library card.", correct: false, reason: "This is not mentioned." } ] }, { topic: "MONEY", question: "How much is the late fee per day?", options: [ { text: "20 pence", correct: false, reason: "The fee is 50 pence per day." }, { text: "30 pence", correct: false, reason: "The fee is 50 pence." }, { text: "50 pence", correct: true, reason: "Correct! The late fee is fifty pence per day." }, { text: "£1", correct: false, reason: "The fee is 50 pence per day." } ] }, { topic: "MOBILE PHONES", question: "What must students do with their mobile phones?", options: [ { text: "Keep them on silent.", correct: false, reason: "The librarian says mobile phones must be switched off." }, { text: "Switch them off.", correct: true, reason: "Correct! Mobile phones must be switched off in the library." }, { text: "Leave them at the entrance.", correct: false, reason: "This is not mentioned." }, { text: "Use them with headphones.", correct: false, reason: "Headphones are for watching videos or listening to music on a laptop." } ] }, { topic: "LAPTOP", question: "Can students bring their laptops into the library?", options: [ { text: "Yes.", correct: true, reason: "Correct! Students can bring their laptops." }, { text: "No.", correct: false, reason: "The librarian says students can bring their laptops." }, { text: "Only on Fridays.", correct: false, reason: "No day restriction is mentioned." }, { text: "Only with a teacher.", correct: false, reason: "A teacher is not required." } ] }, { topic: "HEADPHONES", question: "What should students use when they watch videos or listen to music?", options: [ { text: "Speakers", correct: false, reason: "The librarian asks students to use headphones." }, { text: "Headphones", correct: true, reason: "Correct! Students should use headphones." }, { text: "Their phones", correct: false, reason: "The librarian specifically mentions headphones." }, { text: "Nothing", correct: false, reason: "Headphones are required for videos or music." } ] }, { topic: "FOOD AND DRINK", question: "What can students NOT bring into the library?", options: [ { text: "Books and laptops", correct: false, reason: "Books and laptops are allowed." }, { text: "Food and drink", correct: true, reason: "Correct! Students cannot bring food or drink." }, { text: "Headphones", correct: false, reason: "Headphones are allowed and recommended for audio." }, { text: "Library cards", correct: false, reason: "Library cards are needed to borrow books." } ] }, { topic: "NOISE", question: "Why must people speak quietly in the library?", options: [ { text: "Because the library is very small.", correct: false, reason: "The librarian says people are working there." }, { text: "Because people are working there.", correct: true, reason: "Correct! The librarian says, 'People are working here.'" }, { text: "Because the librarian is tired.", correct: false, reason: "This is not mentioned." }, { text: "Because there are no chairs.", correct: false, reason: "This is not mentioned." } ] }, { topic: "VOCABULARY", question: "What does 'borrow' mean in the listening?", options: [ { text: "Take something and return it later", correct: true, reason: "Correct! To borrow something means to take it for a period of time and return it later." }, { text: "Buy something", correct: false, reason: "Borrowing is not buying." }, { text: "Give something to someone", correct: false, reason: "Borrowing means receiving something temporarily." }, { text: "Lose something", correct: false, reason: "Borrowing does not mean losing something." } ] }, { topic: "OVERALL UNDERSTANDING", question: "Which statement is TRUE?", options: [ { text: "Students can borrow ten books.", correct: false, reason: "The maximum is six books." }, { text: "Students have two weeks to return the books.", correct: true, reason: "Correct! Students have two weeks to read the books and then return them." }, { text: "The late fee is £5 a day.", correct: false, reason: "The late fee is 50 pence per day." }, { text: "Students can bring food and drink.", correct: false, reason: "Food and drink are not allowed." } ] } ]; let currentQuestion = 0; let score = 0; const questionsContainer = document.getElementById("fl-questions"); const resultContainer = document.getElementById("fl-result"); const currentNumber = document.getElementById("fl-current"); const totalNumber = document.getElementById("fl-total"); const scoreDisplay = document.getElementById("fl-score"); const progressFill = document.getElementById("fl-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 = ` A1 LISTENING COMPREHENSION ${currentQuestion + 1}. ${question.question} `; question.options.forEach( function(option, index) { html += ` ${option.text} `; } ); html += ` `; questionsContainer.innerHTML = html; const buttons = questionsContainer.querySelectorAll( ".fl-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( "fl-feedback" ); if ( question.options[ selectedIndex ].correct ) { feedback.className = "fl-feedback correct-feedback"; feedback.innerHTML = "✓ Correct!" + question.options[ selectedIndex ].reason; } else { feedback.className = "fl-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 = "fl-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 = "fl-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 listening 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 the library rules."; } else { message = "Keep practising! Listen again and focus on locations, numbers and rules."; } resultContainer.innerHTML = ` Listening Test Complete! ${score} / ${quizData.length} ${percentage}% ${message} ↻ Restart Test `; resultContainer.style.display = "block"; document .getElementById("fl-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(); }); SOURCE: https://learnenglish.britishcouncil.org/free-resources/listening/a1/finding-library