A request from your boss

🎧 A1 Listening Test A Request from Your Boss 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-boss-request-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-boss-request-quiz *, #mafen-boss-request-quiz *::before, #mafen-boss-request-quiz *::after { box-sizing: border-box; } /* HEADER */ .br-header { text-align: center; margin-bottom: 25px; } .br-header h2 { margin: 0 0 5px; color: #2c3e50; font-size: 28px; font-weight: 700; } .br-header h3 { margin: 0 0 8px; color: #3498db; font-size: 20px; font-weight: 600; } .br-header p { margin: 0; color: #7f8c8d; font-size: 15px; } /* AUDIO */ .br-audio-box { background: #ebf3f9; border-radius: 10px; padding: 20px; margin-bottom: 25px; text-align: center; border: 1px solid #d6e6f2; } .br-audio-title { color: #2c3e50; font-weight: 700; font-size: 17px; margin-bottom: 12px; } .br-audio-box audio { width: 100%; max-width: 600px; } .br-audio-box p { margin: 10px 0 0; color: #566573; font-size: 13px; } /* PROGRESS */ .br-progress { margin-bottom: 25px; } .br-progress-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 14px; color: #566573; } .br-progress-info strong { color: #2c3e50; } .br-progress-bar { width: 100%; height: 9px; background: #ecf0f1; border-radius: 10px; overflow: hidden; } #br-progress-fill { width: 5%; height: 100%; background: #3498db; border-radius: 10px; transition: width .3s ease; } /* QUESTION CARD */ .br-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); } .br-topic { display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: #3498db; font-weight: 700; margin-bottom: 10px; } .br-question { font-size: 18px; line-height: 1.6; font-weight: 600; color: #2c3e50; margin-bottom: 20px; } /* OPTIONS */ .br-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .br-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; } .br-option:hover:not(:disabled) { background: #e1b12c; color: white; border-color: #e1b12c; transform: translateY(-1px); } .br-option:disabled { cursor: default; } .br-option.correct { background: #2ecc71 !important; color: white !important; border-color: #2ecc71 !important; } .br-option.incorrect { background: #e74c3c !important; color: white !important; border-color: #e74c3c !important; } /* FEEDBACK */ .br-feedback { margin-top: 18px; padding: 14px 16px; border-radius: 7px; font-size: 14px; line-height: 1.6; } .br-feedback.correct-feedback { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .br-feedback.incorrect-feedback { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .br-feedback strong { display: block; margin-bottom: 5px; } /* NEXT BUTTON */ .br-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; } .br-next:hover { background: #2980b9; } /* RESULT */ #br-result { text-align: center; margin-top: 25px; padding: 30px 20px; background: #ebf3f9; border-radius: 10px; } .br-result-title { font-size: 28px; font-weight: 700; color: #2c3e50; } .br-result-score { font-size: 42px; font-weight: 800; color: #3498db; margin: 12px 0; } .br-result-message { font-size: 16px; color: #566573; line-height: 1.6; margin-bottom: 20px; } .br-restart { padding: 12px 25px; background: #2c3e50; color: white; border: none; border-radius: 7px; font-size: 15px; font-weight: 600; cursor: pointer; } .br-restart:hover { background: #1f2d3a; } /* MOBILE */ @media (max-width: 600px) { #mafen-boss-request-quiz { margin: 15px auto; padding: 18px; } .br-header h2 { font-size: 23px; } .br-card { padding: 18px; } .br-question { font-size: 16px; } .br-options { grid-template-columns: 1fr; } .br-result-score { font-size: 35px; } } document.addEventListener("DOMContentLoaded", function () { const quizData = [ { topic: "PEOPLE", question: "Who is the manager in the conversation?", options: [ { text: "Mario", correct: false, reason: "Mario is the employee who receives the requests." }, { text: "Susanne", correct: true, reason: "Correct! Susanne is the manager and gives Mario the tasks." }, { text: "John", correct: false, reason: "John is not mentioned." }, { text: "Peter", correct: false, reason: "Peter is not mentioned." } ] }, { topic: "PEOPLE", question: "Who does Susanne ask to help her?", options: [ { text: "Mario", correct: true, reason: "Correct! Susanne asks Mario to help her prepare some things." }, { text: "John", correct: false, reason: "John is not mentioned." }, { text: "The customer", correct: false, reason: "The customer is in Germany and is not the person helping Susanne." }, { text: "The managers", correct: false, reason: "The managers will receive a presentation later." } ] }, { topic: "CUSTOMER", question: "Where does Susanne need to visit the customer?", options: [ { text: "France", correct: false, reason: "The customer is in Germany." }, { text: "Germany", correct: true, reason: "Correct! Susanne says, 'I need to visit the customer in Germany.'" }, { text: "Italy", correct: false, reason: "Italy is not mentioned." }, { text: "Spain", correct: false, reason: "Spain is not mentioned." } ] }, { topic: "FIRST TASK", question: "What does Susanne ask Mario to do first?", options: [ { text: "Write a report", correct: false, reason: "The report is the final task." }, { text: "Book a meeting room", correct: false, reason: "Booking the meeting room is part of the second task." }, { text: "Send an email to the customer", correct: true, reason: "Correct! This is the first task." }, { text: "Give a presentation", correct: false, reason: "Susanne will give a presentation to the managers next month." } ] }, { topic: "EMAIL", question: "What should Mario ask the customer in the email?", options: [ { text: "When Susanne can visit next week", correct: true, reason: "Correct! Mario needs to ask when Susanne can visit the customer next week." }, { text: "How much the project costs", correct: false, reason: "The cost is not mentioned." }, { text: "Where the office is", correct: false, reason: "The office location is not the purpose of the email." }, { text: "When Mario can visit", correct: false, reason: "The visit is for Susanne." } ] }, { topic: "PRIORITY", question: "How important is the first task?", options: [ { text: "It is not important.", correct: false, reason: "Susanne says it is important." }, { text: "It is a priority and very urgent.", correct: true, reason: "Correct! Susanne says, 'It's a priority and very urgent.'" }, { text: "It can wait for two weeks.", correct: false, reason: "The first task should be done first." }, { text: "It is optional.", correct: false, reason: "It is an important and urgent task." } ] }, { topic: "TIME", question: "When will Mario send the email?", options: [ { text: "Next week", correct: false, reason: "Mario says, 'I'll do it today.'" }, { text: "Tomorrow", correct: false, reason: "He says he will do it today." }, { text: "Today", correct: true, reason: "Correct! Mario says he will do it today." }, { text: "Next month", correct: false, reason: "The task is urgent and will be done today." } ] }, { topic: "SECOND TASK", question: "What is the second task?", options: [ { text: "Invite everyone to the next team meeting", correct: true, reason: "Correct! This is Susanne's second task for Mario." }, { text: "Visit the customer", correct: false, reason: "Susanne needs to visit the customer." }, { text: "Write a report", correct: false, reason: "Writing the report is the final task." }, { text: "Give a presentation", correct: false, reason: "Susanne will give the presentation." } ] }, { topic: "MEETING ROOM", question: "What must Mario do before sending the email about the meeting?", options: [ { text: "Write the report", correct: false, reason: "The report is a separate task." }, { text: "Book a meeting room", correct: true, reason: "Correct! Mario must book a meeting room first." }, { text: "Call the customer", correct: false, reason: "The customer is connected to the first task." }, { text: "Talk to the managers", correct: false, reason: "The managers receive a presentation later." } ] }, { topic: "ORDER", question: "Which action should Mario do first for the team meeting?", options: [ { text: "Send an email", correct: false, reason: "First he needs to book the meeting room." }, { text: "Book a meeting room", correct: true, reason: "Correct! He must book the meeting room before sending the email." }, { text: "Write a report", correct: false, reason: "The report is another task." }, { text: "Visit Germany", correct: false, reason: "The Germany visit belongs to Susanne." } ] }, { topic: "EMAIL", question: "Who should Mario send an email to after booking the room?", options: [ { text: "The customer", correct: false, reason: "The customer receives the first email." }, { text: "Everyone in the team", correct: true, reason: "Correct! Mario should send everyone an email about the meeting." }, { text: "Only Susanne", correct: false, reason: "The email is for everyone attending the meeting." }, { text: "The managers", correct: false, reason: "The managers are involved in the presentation later." } ] }, { topic: "FINAL TASK", question: "What is the final task Susanne gives Mario?", options: [ { text: "Write a short report", correct: true, reason: "Correct! Mario needs to write a short report about the new project." }, { text: "Book a hotel", correct: false, reason: "A hotel is not mentioned." }, { text: "Send a customer email", correct: false, reason: "That is the first task." }, { text: "Organise a dinner", correct: false, reason: "A dinner is not mentioned." } ] }, { topic: "REPORT", question: "What should the report be about?", options: [ { text: "The customer", correct: false, reason: "The report is about the new project." }, { text: "The new project", correct: true, reason: "Correct! Mario should write a short report about the new project." }, { text: "The team meeting", correct: false, reason: "The team meeting is a separate task." }, { text: "The trip to Germany", correct: false, reason: "The report is about the new project." } ] }, { topic: "PRESENTATION", question: "Why does Susanne need the report?", options: [ { text: "She has to give a presentation.", correct: true, reason: "Correct! Susanne needs the report because she has to give a presentation to the managers." }, { text: "She wants to send it to the customer.", correct: false, reason: "The customer is connected to another task." }, { text: "She wants to book a meeting room.", correct: false, reason: "The meeting room is part of the second task." }, { text: "She wants to go on holiday.", correct: false, reason: "A holiday is not mentioned." } ] }, { topic: "WHEN", question: "When does Susanne have to give the presentation?", options: [ { text: "Today", correct: false, reason: "The presentation is next month." }, { text: "Next week", correct: false, reason: "The presentation is next month." }, { text: "Next month", correct: true, reason: "Correct! Susanne has to give a presentation next month." }, { text: "In two or three months", correct: false, reason: "The presentation is next month." } ] }, { topic: "URGENCY", question: "How urgent is the report?", options: [ { text: "Very urgent", correct: false, reason: "The email to the customer is very urgent. The report is not." }, { text: "Not too urgent", correct: true, reason: "Correct! Susanne says the report is not too urgent." }, { text: "Extremely urgent", correct: false, reason: "The report can wait." }, { text: "It must be done today.", correct: false, reason: "There is no hurry with the report." } ] }, { topic: "DEADLINE", question: "When should Mario write the report?", options: [ { text: "Today", correct: false, reason: "The report can be done sometime in the next two or three weeks." }, { text: "Tomorrow", correct: false, reason: "There is no immediate deadline." }, { text: "In the next two or three weeks", correct: true, reason: "Correct! Susanne says to do it sometime in the next two or three weeks." }, { text: "Next year", correct: false, reason: "The report is needed for a presentation next month." } ] }, { topic: "LANGUAGE", question: "What does 'There's no hurry' mean?", options: [ { text: "It is very urgent.", correct: false, reason: "It means the opposite." }, { text: "You don't need to do it quickly.", correct: true, reason: "Correct! 'There's no hurry' means the task is not urgent." }, { text: "You must do it today.", correct: false, reason: "The task can wait." }, { text: "You cannot do it.", correct: false, reason: "The task still needs to be done." } ] }, { topic: "OVERALL UNDERSTANDING", question: "Which task is the most urgent?", options: [ { text: "Writing the report", correct: false, reason: "The report is not too urgent." }, { text: "Booking the meeting room", correct: false, reason: "The first task has the highest priority." }, { text: "Emailing the customer", correct: true, reason: "Correct! The customer email is the priority and very urgent." }, { text: "Preparing the presentation", correct: false, reason: "Susanne's presentation is next month." } ] } ]; let currentQuestion = 0; let score = 0; const questionsContainer = document.getElementById("br-questions"); const resultContainer = document.getElementById("br-result"); const currentNumber = document.getElementById("br-current"); const totalNumber = document.getElementById("br-total"); const scoreDisplay = document.getElementById("br-score"); const progressFill = document.getElementById("br-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( ".br-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( "br-feedback" ); if ( question.options[selectedIndex].correct ) { feedback.className = "br-feedback correct-feedback"; feedback.innerHTML = "✓ Correct!" + question.options[ selectedIndex ].reason; } else { feedback.className = "br-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 = "br-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 = "br-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 task order and urgency."; } else { message = "Keep practising! Listen again and focus on the different tasks and deadlines."; } resultContainer.innerHTML = ` Listening Test Complete! ${score} / ${quizData.length} ${percentage}% ${message} ↻ Restart Test `; resultContainer.style.display = "block"; document .getElementById("br-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/request-your-boss