A Morning Briefing

🎧 A2 Listening Test A Morning Briefing 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-morning-briefing-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-morning-briefing-quiz *, #mafen-morning-briefing-quiz *::before, #mafen-morning-briefing-quiz *::after { box-sizing: border-box; } /* HEADER */ .mb-header { text-align: center; margin-bottom: 25px; } .mb-header h2 { margin: 0 0 5px; color: #2c3e50; font-size: 28px; font-weight: 700; } .mb-header h3 { margin: 0 0 8px; color: #3498db; font-size: 20px; font-weight: 600; } .mb-header p { margin: 0; color: #7f8c8d; font-size: 15px; } /* AUDIO */ .mb-audio-box { background: #ebf3f9; border-radius: 10px; padding: 20px; margin-bottom: 25px; text-align: center; border: 1px solid #d6e6f2; } .mb-audio-title { color: #2c3e50; font-weight: 700; font-size: 17px; margin-bottom: 12px; } .mb-audio-box audio { width: 100%; max-width: 600px; } .mb-audio-box p { margin: 10px 0 0; color: #566573; font-size: 13px; } /* PROGRESS */ .mb-progress { margin-bottom: 25px; } .mb-progress-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 14px; color: #566573; } .mb-progress-info strong { color: #2c3e50; } .mb-progress-bar { width: 100%; height: 9px; background: #ecf0f1; border-radius: 10px; overflow: hidden; } #mb-progress-fill { width: 5%; height: 100%; background: #3498db; border-radius: 10px; transition: width .3s ease; } /* QUESTION CARD */ .mb-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); } .mb-topic { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: #3498db; font-weight: 700; margin-bottom: 10px; } .mb-question { font-size: 18px; line-height: 1.6; font-weight: 600; color: #2c3e50; margin-bottom: 20px; } /* OPTIONS */ .mb-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .mb-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; } .mb-option:hover:not(:disabled) { background: #e1b12c; color: white; border-color: #e1b12c; transform: translateY(-1px); } .mb-option:disabled { cursor: default; } .mb-option.correct { background: #2ecc71 !important; color: white !important; border-color: #2ecc71 !important; } .mb-option.incorrect { background: #e74c3c !important; color: white !important; border-color: #e74c3c !important; } /* FEEDBACK */ .mb-feedback { margin-top: 18px; padding: 14px 16px; border-radius: 7px; font-size: 14px; line-height: 1.6; } .mb-feedback.correct-feedback { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .mb-feedback.incorrect-feedback { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .mb-feedback strong { display: block; margin-bottom: 5px; } /* NEXT */ .mb-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; } .mb-next:hover { background: #2980b9; } /* RESULT */ #mb-result { text-align: center; margin-top: 25px; padding: 30px 20px; background: #ebf3f9; border-radius: 10px; } .mb-result-title { font-size: 28px; font-weight: 700; color: #2c3e50; } .mb-result-score { font-size: 42px; font-weight: 800; color: #3498db; margin: 12px 0; } .mb-result-message { font-size: 16px; color: #566573; line-height: 1.6; margin-bottom: 20px; } .mb-restart { padding: 12px 25px; background: #2c3e50; color: white; border: none; border-radius: 7px; font-size: 15px; font-weight: 600; cursor: pointer; } .mb-restart:hover { background: #1f2d3a; } /* MOBILE */ @media (max-width: 600px) { #mafen-morning-briefing-quiz { margin: 15px auto; padding: 18px; } .mb-header h2 { font-size: 23px; } .mb-card { padding: 18px; } .mb-question { font-size: 16px; } .mb-options { grid-template-columns: 1fr; } .mb-result-score { font-size: 35px; } } document.addEventListener("DOMContentLoaded", function () { const quizData = [ { topic: "BRIEFING", question: "Why does the manager say the briefing will be quick?", options: [ { text: "Everyone is busy.", correct: true, reason: "Correct! The speaker says, 'I know you're all busy so I'll keep this briefing quick.'" }, { text: "The meeting room is closing.", correct: false, reason: "The meeting room is not mentioned." }, { text: "There is no important information.", correct: false, reason: "There is important information about the management team." }, { text: "The manager has another meeting.", correct: false, reason: "This is not mentioned." } ] }, { topic: "MANAGEMENT", question: "Who is leaving the company?", options: [ { text: "James Watson", correct: true, reason: "Correct! James Watson, the head of department, is leaving his position." }, { text: "The new manager", correct: false, reason: "The new manager is coming later." }, { text: "The speaker", correct: false, reason: "The speaker is not leaving." }, { text: "The head of the company", correct: false, reason: "James Watson is the head of department." } ] }, { topic: "POSITION", question: "What is James Watson's position?", options: [ { text: "Head of department", correct: true, reason: "Correct! James Watson is the head of department." }, { text: "Car park manager", correct: false, reason: "This position is not mentioned." }, { text: "Canteen manager", correct: false, reason: "This position is not mentioned." }, { text: "Company director", correct: false, reason: "The listening says head of department." } ] }, { topic: "TIME", question: "When is James Watson leaving his position?", options: [ { text: "At the end of this week", correct: true, reason: "Correct! James Watson is leaving at the end of this week." }, { text: "At the end of this month", correct: false, reason: "He is leaving at the end of this week." }, { text: "At the beginning of next month", correct: false, reason: "The new manager starts next month, but James leaves this week." }, { text: "Next year", correct: false, reason: "The change happens very soon." } ] }, { topic: "REPLACEMENT", question: "When will James Watson's replacement start?", options: [ { text: "At the end of this week", correct: false, reason: "James leaves at the end of this week." }, { text: "At the end of next month", correct: true, reason: "Correct! His replacement is starting at the end of next month." }, { text: "Tomorrow", correct: false, reason: "The replacement starts at the end of next month." }, { text: "In two years", correct: false, reason: "The replacement arrives next month." } ] }, { topic: "PROJECTS", question: "What will the employees do while they are waiting for the replacement?", options: [ { text: "Stop all projects", correct: false, reason: "The projects will continue as usual." }, { text: "Continue with their projects as usual", correct: true, reason: "Correct! The speaker says they will continue with their projects as usual." }, { text: "Work only in the car park", correct: false, reason: "The car park is a separate issue." }, { text: "Wait at home", correct: false, reason: "Employees continue working normally." } ] }, { topic: "CAR PARK", question: "What will happen to the staff car park next month?", options: [ { text: "It will become bigger.", correct: false, reason: "Improvements will be made and it will be closed temporarily." }, { text: "It will be closed for a few weeks.", correct: true, reason: "Correct! The car park will be closed while improvements are made." }, { text: "It will be moved to another street.", correct: false, reason: "The existing car park will be improved." }, { text: "It will be open only at night.", correct: false, reason: "It will be closed during the improvements." } ] }, { topic: "REASON", question: "Why will the staff car park be closed?", options: [ { text: "For improvements", correct: true, reason: "Correct! Improvements will be made to the staff car park." }, { text: "Because it is too expensive", correct: false, reason: "Cost is not mentioned." }, { text: "Because the company is moving", correct: false, reason: "The company is not moving." }, { text: "Because it is too far away", correct: false, reason: "Distance is not the reason." } ] }, { topic: "ALTERNATIVE", question: "Where can employees park when the staff car park is closed?", options: [ { text: "At the local church car park", correct: true, reason: "Correct! Employees can use the local church car park." }, { text: "At the supermarket", correct: false, reason: "A supermarket car park is not mentioned." }, { text: "At the railway station", correct: false, reason: "The railway station is not mentioned." }, { text: "At the manager's house", correct: false, reason: "This is not mentioned." } ] }, { topic: "TIME", question: "Where should employees park if they arrive before 8.30 a.m.?", options: [ { text: "At the church car park", correct: false, reason: "Before 8.30 a.m., they should use the small car park on Brown Street." }, { text: "At the small car park on Brown Street", correct: true, reason: "Correct! Employees arriving before 8.30 should use the small car park on Brown Street." }, { text: "On the main road", correct: false, reason: "The main road is not mentioned." }, { text: "At home", correct: false, reason: "They can still park near work." } ] }, { topic: "AFTER 8.30", question: "Where should employees go if they arrive after 8.30 a.m.?", options: [ { text: "Brown Street", correct: false, reason: "After 8.30 a.m., they should go directly to the church car park." }, { text: "The church car park", correct: true, reason: "Correct! Employees arriving after 8.30 should go directly to the church car park." }, { text: "The staff car park", correct: false, reason: "The staff car park is closed for improvements." }, { text: "The canteen", correct: false, reason: "The canteen is unrelated to parking." } ] }, { topic: "DISTANCE", question: "How far is the church car park from the workplace?", options: [ { text: "Two minutes away", correct: false, reason: "It is a five-minute walk away." }, { text: "Five minutes away on foot", correct: true, reason: "Correct! The church car park is only a five-minute walk away." }, { text: "Ten minutes away", correct: false, reason: "The listening says five minutes." }, { text: "Twenty minutes away", correct: false, reason: "It is only a five-minute walk." } ] }, { topic: "EVENING", question: "Why can't employees leave their cars at the church car park after 6 p.m.?", options: [ { text: "The church needs the car park in the evenings.", correct: true, reason: "Correct! The church needs the car park in the evenings." }, { text: "The car park closes at 5 p.m.", correct: false, reason: "Employees have to leave before 6 p.m." }, { text: "The car park becomes too expensive.", correct: false, reason: "Cost is not mentioned." }, { text: "The company needs it at night.", correct: false, reason: "The church needs it in the evenings." } ] }, { topic: "CANTEEN", question: "What new system has the canteen introduced?", options: [ { text: "A cashless payment system", correct: true, reason: "Correct! The canteen has introduced a cashless payment system." }, { text: "A new food menu", correct: false, reason: "The menu is not discussed." }, { text: "A new delivery service", correct: false, reason: "Delivery is not mentioned." }, { text: "A discount system", correct: false, reason: "The announcement is about cashless payment." } ] }, { topic: "PAYMENT", question: "Can employees use cash in the canteen?", options: [ { text: "Yes, every day", correct: false, reason: "Cash cannot be used anymore." }, { text: "Yes, only in the morning", correct: false, reason: "There is no morning exception." }, { text: "No", correct: true, reason: "Correct! The canteen is now cashless." }, { text: "Only on Fridays", correct: false, reason: "There is no Friday exception." } ] }, { topic: "SMARTPHONE", question: "How can employees pay using a smartphone?", options: [ { text: "Directly with their smartphone", correct: true, reason: "Correct! Employees can pay directly with their smartphone." }, { text: "By sending an email", correct: false, reason: "Email payment is not mentioned." }, { text: "By calling the manager", correct: false, reason: "The manager is not involved in payment." }, { text: "By using cash", correct: false, reason: "Cash is no longer accepted." } ] }, { topic: "ID CARD", question: "What other payment method can employees use?", options: [ { text: "Their company ID card", correct: true, reason: "Correct! Employees can pay using their company ID card." }, { text: "Their passport", correct: false, reason: "A passport is not mentioned." }, { text: "Their driving licence", correct: false, reason: "A driving licence is not mentioned." }, { text: "A paper ticket", correct: false, reason: "A paper ticket is not mentioned." } ] }, { topic: "SALARY", question: "When is the money spent using the company ID card taken from the employee's salary?", options: [ { text: "Every day", correct: false, reason: "The total amount comes off the salary at the end of each month." }, { text: "Every week", correct: false, reason: "The deduction is monthly." }, { text: "At the end of each month", correct: true, reason: "Correct! The total amount comes off the salary at the end of each month." }, { text: "At the end of the year", correct: false, reason: "The deduction happens monthly." } ] }, { topic: "VOCABULARY", question: "What does 'replacement' mean in the briefing?", options: [ { text: "A person who takes the place of another person", correct: true, reason: "Correct! A replacement is someone who takes another person's position." }, { text: "A new car park", correct: false, reason: "A replacement is a person in this context." }, { text: "A new payment system", correct: false, reason: "That is a separate announcement." }, { text: "A new project", correct: false, reason: "The replacement refers to the new head of department." } ] }, { topic: "OVERALL UNDERSTANDING", question: "Which statement is TRUE?", options: [ { text: "The staff car park will be closed for a few weeks.", correct: true, reason: "Correct! The car park will be closed while improvements are made." }, { text: "Employees can park at the church after 6 p.m.", correct: false, reason: "They must leave before 6 p.m." }, { text: "The canteen still accepts cash.", correct: false, reason: "The canteen is now cashless." }, { text: "James Watson's replacement starts this week.", correct: false, reason: "The replacement starts at the end of next month." } ] } ]; let currentQuestion = 0; let score = 0; const questionsContainer = document.getElementById("mb-questions"); const resultContainer = document.getElementById("mb-result"); const currentNumber = document.getElementById("mb-current"); const totalNumber = document.getElementById("mb-total"); const scoreDisplay = document.getElementById("mb-score"); const progressFill = document.getElementById("mb-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 = ` A2 LISTENING COMPREHENSION ${currentQuestion + 1}. ${question.question} `; question.options.forEach( function(option, index) { html += ` ${option.text} `; } ); html += ` `; questionsContainer.innerHTML = html; const buttons = questionsContainer.querySelectorAll( ".mb-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( "mb-feedback" ); if ( question.options[ selectedIndex ].correct ) { feedback.className = "mb-feedback correct-feedback"; feedback.innerHTML = "✓ Correct!" + question.options[ selectedIndex ].reason; } else { feedback.className = "mb-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 = "mb-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 = "mb-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 briefing 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 times, locations and instructions."; } else { message = "Keep practising! Listen again and focus on the management changes, parking rules and payment system."; } resultContainer.innerHTML = ` Listening Test Complete! ${score} / ${quizData.length} ${percentage}% ${message} ↻ Restart Test `; resultContainer.style.display = "block"; document .getElementById("mb-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/a2/morning-briefing