{"id":11540,"date":"2026-08-22T16:30:33","date_gmt":"2026-08-22T13:30:33","guid":{"rendered":"https:\/\/lingualand.gr\/new\/exercises\/b-junior-listening-02-numbers\/"},"modified":"2026-09-05T17:00:22","modified_gmt":"2026-09-05T14:00:22","slug":"b-junior-listening-02-numbers","status":"publish","type":"page","link":"https:\/\/lingualand.gr\/new\/exercises\/b-junior-listening-02-numbers\/","title":{"rendered":"B Junior Listening 2 \u2013 Numbers"},"content":{"rendered":"<!-- lingualand-listening-access:bj:lesson:start -->\r\n<div id=\"accessGate-lesson-bj\" class=\"lingualand-listening-access-gate\" style=\"position:fixed;inset:0;z-index:999999;display:grid;place-items:center;min-height:100vh;padding:24px;background:#f6f3eb;color:#24343a;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Arial,sans-serif\"><form id=\"accessForm-lesson-bj\" style=\"width:min(460px,100%);background:#fff;border:1px solid #d8cfc1;border-radius:18px;padding:28px;box-shadow:0 18px 45px rgba(50,38,24,.12);text-align:left;box-sizing:border-box\"><h4 style=\"margin:0 0 10px;color:#24343a;font-size:26px;line-height:1.15;font-weight:800\">B Junior Listening Access<\/h4><p style=\"margin:0 0 18px;color:#607078;line-height:1.45;font-size:16px\">Enter your access key to open the exercises.<\/p><input id=\"accessKey-lesson-bj\" type=\"password\" autocomplete=\"off\" style=\"width:100%;box-sizing:border-box;border:1px solid #c9c0b3;border-radius:12px;padding:13px 14px;background:#fff;color:#17212b;font:inherit\" aria-label=\"Access key\"><button type=\"submit\" style=\"margin-top:14px;width:100%;border:0;border-radius:12px;padding:13px 16px;background:#24343a;color:#fff;font-weight:800;cursor:pointer;font:inherit\">Open exercises<\/button><div id=\"accessMessage-lesson-bj\" style=\"min-height:1.4em;margin-top:12px;color:#b42318;font-weight:700\" aria-live=\"polite\"><\/div><\/form><\/div><div id=\"exerciseApp-lesson-bj\" hidden><!-- lingualand-listening-exercise:bj:2:start -->\r\n<div class=\"lingualand-bj-listening-exercise-page\" style=\"max-width:1100px;margin:20px auto;\"><iframe title=\"B Junior Listening 2 \u2013 Numbers\" srcdoc=\"&lt;!doctype html&gt;\r\n&lt;html lang=&quot;en&quot;&gt;\r\n&lt;head&gt;\r\n  &lt;meta charset=&quot;utf-8&quot;&gt;\r\n  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;\r\n  &lt;title&gt;B Junior Listening 2 \u2013 Numbers&lt;\/title&gt;\r\n  &lt;style&gt;\r\n    :root{--navy:#20385f;--blue:#3678bd;--gold:#f4bd43;--bg:#eef6ff;--ink:#26344a;--green:#27864a;--red:#c43d3d}\r\n    *{box-sizing:border-box}\r\n    body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(145deg,#eaf5ff,#fff7e6);padding:24px}\r\n    .page{width:min(880px,100%);margin:auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 45px #20385f22}\r\n    header{padding:25px 28px;text-align:center;color:white;background:var(--navy)}\r\n    .brand{margin:0 0 6px;color:var(--gold);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:.84rem}\r\n    h1{margin:0;font-size:clamp(1.55rem,4vw,2.25rem)}\r\n    header p{margin:8px 0 0;opacity:.9}\r\n    main{padding:28px}\r\n    .instructions{margin-bottom:22px;padding:15px 18px;border-left:5px solid var(--blue);border-radius:10px;background:var(--bg);line-height:1.5}\r\n    .questions{display:grid;gap:14px}\r\n    .question{display:grid;grid-template-columns:46px 130px 1fr 30px;gap:12px;align-items:center;padding:15px;border:2px solid #e5ebf3;border-radius:15px;transition:.2s}\r\n    .number{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:900}\r\n    .listen{border:0;border-radius:10px;padding:11px 14px;background:var(--blue);color:#fff;font-weight:800;font-size:.96rem;cursor:pointer}\r\n    .listen:hover{filter:brightness(.95)}\r\n    .listen.playing{background:#7457c7}\r\n    .options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}\r\n    label{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px;border:2px solid #d7dfeb;border-radius:10px;background:#fff;font-weight:700;cursor:pointer}\r\n    label:hover{border-color:#8cb5de;background:#f6faff}\r\n    input{accent-color:var(--blue);transform:scale(1.12)}\r\n    .mark{font-size:1.3rem;font-weight:900;text-align:center}\r\n    .question.correct{border-color:var(--green);background:#effbf3}\r\n    .question.wrong{border-color:var(--red);background:#fff2f2}\r\n    .question.correct .mark{color:var(--green)}\r\n    .question.wrong .mark{color:var(--red)}\r\n    .actions{display:flex;justify-content:center;gap:11px;margin-top:25px}\r\n    button.action{border:0;border-radius:11px;padding:13px 21px;font-size:1rem;font-weight:800;cursor:pointer}\r\n    #check{background:var(--green);color:#fff}\r\n    #reset{background:#e7edf4;color:var(--navy)}\r\n    #result{min-height:34px;margin:18px 0 0;text-align:center;font-size:1.17rem;font-weight:900}\r\n    footer{text-align:center;padding:0 20px 22px;color:#748096;font-size:.83rem}\r\n    @media(max-width:670px){main{padding:19px}.question{grid-template-columns:42px 1fr 28px}.listen{grid-column:2}.options{grid-column:2;grid-template-columns:1fr}.mark{grid-column:3;grid-row:1\/4}.actions{flex-direction:column}.action{width:100%}}\r\n  &lt;\/style&gt;\r\n&lt;style id=&quot;lingualand-unified-access-style&quot;&gt;\r\n#accessGate[hidden],#lingualandAccessGate[hidden],[id^=&quot;accessGate-lesson-&quot;][hidden],.lingualand-access-gate[hidden],.lingualand-listening-access-gate[hidden]{display:none!important}\r\n#accessGate,#lingualandAccessGate,[id^=&quot;accessGate-lesson-&quot;],.lingualand-access-gate,.lingualand-listening-access-gate{\r\n  position:fixed!important;inset:0!important;z-index:999999!important;display:grid!important;place-items:center!important;\r\n  min-height:100vh!important;padding:24px!important;background:#f6f3eb!important;color:#24343a!important;box-sizing:border-box!important;\r\n}\r\n#accessGate&gt;div,#lingualandAccessGate&gt;div,[id^=&quot;accessGate-lesson-&quot;]&gt;div,.lingualand-access-gate&gt;div,.lingualand-listening-access-gate&gt;div,\r\n#accessGate&gt;form,#lingualandAccessGate&gt;form,[id^=&quot;accessGate-lesson-&quot;]&gt;form,.lingualand-access-gate&gt;form,.lingualand-listening-access-gate&gt;form{\r\n  width:min(460px,100%)!important;background:#fff!important;border:1px solid #d8cfc1!important;border-radius:18px!important;\r\n  padding:28px!important;box-shadow:0 18px 45px rgba(50,38,24,.12)!important;text-align:left!important;\r\n  font-family:-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Arial,sans-serif!important;box-sizing:border-box!important;\r\n}\r\n#accessGate h1,#lingualandAccessGate h1,[id^=&quot;accessGate-lesson-&quot;] h1,.lingualand-access-gate h1,.lingualand-listening-access-gate h1{\r\n  margin:0 0 10px!important;font-size:26px!important;line-height:1.15!important;color:#24343a!important;font-weight:800!important;\r\n}\r\n#accessGate p,#lingualandAccessGate p,[id^=&quot;accessGate-lesson-&quot;] p,.lingualand-access-gate p,.lingualand-listening-access-gate p{\r\n  margin:0 0 18px!important;color:#607078!important;line-height:1.45!important;font-size:16px!important;\r\n}\r\n#accessGate label,#lingualandAccessGate label,[id^=&quot;accessGate-lesson-&quot;] label,.lingualand-access-gate label,.lingualand-listening-access-gate label{\r\n  display:block!important;margin:0 0 8px!important;color:#24343a!important;font-weight:700!important;\r\n}\r\n#accessGate input,#lingualandAccessGate input,[id^=&quot;accessGate-lesson-&quot;] input,.lingualand-access-gate input,.lingualand-listening-access-gate input{\r\n  width:100%!important;box-sizing:border-box!important;border:1px solid #c9c0b3!important;border-radius:12px!important;\r\n  padding:13px 14px!important;background:#fff!important;color:#17212b!important;font:inherit!important;\r\n}\r\n#accessGate button,#lingualandAccessGate button,[id^=&quot;accessGate-lesson-&quot;] button,.lingualand-access-gate button,.lingualand-listening-access-gate button{\r\n  margin-top:14px!important;width:100%!important;border:0!important;border-radius:12px!important;padding:13px 16px!important;\r\n  background:#24343a!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;font:inherit!important;\r\n}\r\n#accessGate button:hover,#lingualandAccessGate button:hover,[id^=&quot;accessGate-lesson-&quot;] button:hover,.lingualand-access-gate button:hover,.lingualand-listening-access-gate button:hover{\r\n  background:#34505a!important;\r\n}\r\n#accessError,#lingualandAccessError,[id^=&quot;accessMessage-&quot;],.lingualand-access-error,.ll-gate-error,.gate-error{\r\n  min-height:1.4em!important;margin-top:12px!important;color:#b42318!important;font-weight:700!important;\r\n}\r\n&lt;\/style&gt;&lt;\/head&gt;\r\n&lt;body&gt;\r\n  &lt;section class=&quot;page&quot;&gt;\r\n    &lt;header&gt;\r\n      &lt;p class=&quot;brand&quot;&gt;Lingualand \u00b7 Est. 1972&lt;\/p&gt;\r\n      &lt;h1&gt;Which Number Did You Hear?&lt;\/h1&gt;\r\n      &lt;p&gt;B Junior \u00b7 Listening Exercise 2&lt;\/p&gt;\r\n    &lt;\/header&gt;\r\n    &lt;main&gt;\r\n      &lt;div class=&quot;instructions&quot;&gt;&lt;strong&gt;Listen carefully.&lt;\/strong&gt; Press the listening button and choose the number you hear. You can listen again.&lt;\/div&gt;\r\n      &lt;div class=&quot;questions&quot; id=&quot;questions&quot;&gt;&lt;\/div&gt;\r\n      &lt;div class=&quot;actions&quot;&gt;\r\n        &lt;button class=&quot;action&quot; id=&quot;check&quot; type=&quot;button&quot;&gt;Check answers&lt;\/button&gt;\r\n        &lt;button class=&quot;action&quot; id=&quot;reset&quot; type=&quot;button&quot;&gt;Try again&lt;\/button&gt;\r\n      &lt;\/div&gt;\r\n      &lt;p id=&quot;result&quot; aria-live=&quot;polite&quot;&gt;&lt;\/p&gt;\r\n    &lt;\/main&gt;\r\n    &lt;footer&gt;The correct numbers remain hidden until the answers are checked.&lt;\/footer&gt;\r\n  &lt;\/section&gt;\r\n  &lt;script&gt;\r\n    const items=[\r\n      {say:&quot;twenty&quot;,answer:&quot;20&quot;,options:[&quot;12&quot;,&quot;20&quot;,&quot;22&quot;]},\r\n      {say:&quot;thirteen&quot;,answer:&quot;13&quot;,options:[&quot;30&quot;,&quot;14&quot;,&quot;13&quot;]},\r\n      {say:&quot;fifty&quot;,answer:&quot;50&quot;,options:[&quot;50&quot;,&quot;15&quot;,&quot;40&quot;]},\r\n      {say:&quot;eighty&quot;,answer:&quot;80&quot;,options:[&quot;18&quot;,&quot;80&quot;,&quot;8&quot;]},\r\n      {say:&quot;twelve&quot;,answer:&quot;12&quot;,options:[&quot;20&quot;,&quot;2&quot;,&quot;12&quot;]},\r\n      {say:&quot;thirty&quot;,answer:&quot;30&quot;,options:[&quot;30&quot;,&quot;13&quot;,&quot;33&quot;]},\r\n      {say:&quot;nineteen&quot;,answer:&quot;19&quot;,options:[&quot;90&quot;,&quot;19&quot;,&quot;9&quot;]},\r\n      {say:&quot;eighteen&quot;,answer:&quot;18&quot;,options:[&quot;80&quot;,&quot;8&quot;,&quot;18&quot;]},\r\n      {say:&quot;sixteen&quot;,answer:&quot;16&quot;,options:[&quot;16&quot;,&quot;60&quot;,&quot;6&quot;]},\r\n      {say:&quot;eleven&quot;,answer:&quot;11&quot;,options:[&quot;1&quot;,&quot;11&quot;,&quot;10&quot;]}\r\n    ];\r\n    const questions=document.getElementById(&quot;questions&quot;);\r\n    const result=document.getElementById(&quot;result&quot;);\r\n\r\n    items.forEach((item,index)=&gt;{\r\n      const row=document.createElement(&quot;section&quot;);\r\n      row.className=&quot;question&quot;;\r\n      row.dataset.answer=item.answer;\r\n      row.innerHTML=`&lt;span class=&quot;number&quot;&gt;${index+1}&lt;\/span&gt;\r\n        &lt;button class=&quot;listen&quot; type=&quot;button&quot; data-say=&quot;${item.say}&quot; aria-label=&quot;Listen to question ${index+1}&quot;&gt;\u25b6 Listen&lt;\/button&gt;\r\n        &lt;div class=&quot;options&quot;&gt;${item.options.map((option,i)=&gt;`&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;q${index}&quot; value=&quot;${option}&quot;&gt;&lt;span&gt;${String.fromCharCode(65+i)}. ${option}&lt;\/span&gt;&lt;\/label&gt;`).join(&quot;&quot;)}&lt;\/div&gt;\r\n        &lt;span class=&quot;mark&quot; aria-live=&quot;polite&quot;&gt;&lt;\/span&gt;`;\r\n      questions.appendChild(row);\r\n    });\r\n\r\n    function chooseEnglishVoice(){\r\n      const voices=speechSynthesis.getVoices();\r\n      return voices.find(v=&gt;\/^en-GB\/i.test(v.lang)&amp;&amp;\/Samantha|Serena|Daniel|Karen|Moira\/i.test(v.name))\r\n        || voices.find(v=&gt;\/^en-GB\/i.test(v.lang))\r\n        || voices.find(v=&gt;\/^en\/i.test(v.lang));\r\n    }\r\n\r\n    document.addEventListener(&quot;click&quot;,event=&gt;{\r\n      const button=event.target.closest(&quot;.listen&quot;);\r\n      if(!button)return;\r\n      if(!(&quot;speechSynthesis&quot; in window)){\r\n        result.textContent=&quot;Audio is not supported in this browser.&quot;;\r\n        result.style.color=varColor(&quot;red&quot;);\r\n        return;\r\n      }\r\n      speechSynthesis.cancel();\r\n      document.querySelectorAll(&quot;.listen&quot;).forEach(b=&gt;b.classList.remove(&quot;playing&quot;));\r\n      const voiceLine=new SpeechSynthesisUtterance(button.dataset.say);\r\n      const voice=chooseEnglishVoice();\r\n      if(voice){voiceLine.voice=voice;voiceLine.lang=voice.lang}else{voiceLine.lang=&quot;en-GB&quot;}\r\n      voiceLine.rate=.78;\r\n      voiceLine.pitch=1;\r\n      voiceLine.onstart=()=&gt;button.classList.add(&quot;playing&quot;);\r\n      voiceLine.onend=voiceLine.onerror=()=&gt;button.classList.remove(&quot;playing&quot;);\r\n      speechSynthesis.speak(voiceLine);\r\n    });\r\n\r\n    function varColor(name){return getComputedStyle(document.documentElement).getPropertyValue(`--${name}`).trim()}\r\n\r\n    document.getElementById(&quot;check&quot;).addEventListener(&quot;click&quot;,()=&gt;{\r\n      let score=0,unanswered=0;\r\n      document.querySelectorAll(&quot;.question&quot;).forEach(row=&gt;{\r\n        const chosen=row.querySelector(&quot;input:checked&quot;);\r\n        const mark=row.querySelector(&quot;.mark&quot;);\r\n        row.classList.remove(&quot;correct&quot;,&quot;wrong&quot;);\r\n        if(!chosen){unanswered++;mark.textContent=&quot;?&quot;;return}\r\n        const correct=chosen.value===row.dataset.answer;\r\n        row.classList.add(correct?&quot;correct&quot;:&quot;wrong&quot;);\r\n        mark.textContent=correct?&quot;\u2713&quot;:&quot;\u2717&quot;;\r\n        if(correct)score++;\r\n      });\r\n      if(unanswered){result.textContent=`Please answer all the questions. (${unanswered} left)`;result.style.color=&quot;#b86f00&quot;}\r\n      else if(score===items.length){result.textContent=&quot;Excellent! 10 \/ 10 \u2b50&quot;;result.style.color=varColor(&quot;green&quot;)}\r\n      else{result.textContent=`Your score: ${score} \/ 10. Listen again and try once more!`;result.style.color=varColor(&quot;navy&quot;)}\r\n    });\r\n\r\n    document.getElementById(&quot;reset&quot;).addEventListener(&quot;click&quot;,()=&gt;{\r\n      speechSynthesis.cancel();\r\n      document.querySelectorAll(&quot;input&quot;).forEach(input=&gt;input.checked=false);\r\n      document.querySelectorAll(&quot;.question&quot;).forEach(row=&gt;{\r\n        row.classList.remove(&quot;correct&quot;,&quot;wrong&quot;);\r\n        row.querySelector(&quot;.mark&quot;).textContent=&quot;&quot;;\r\n      });\r\n      document.querySelectorAll(&quot;.listen&quot;).forEach(b=&gt;b.classList.remove(&quot;playing&quot;));\r\n      result.textContent=&quot;&quot;;\r\n      window.scrollTo({top:0,behavior:&quot;smooth&quot;});\r\n    });\r\n    window.addEventListener(&quot;beforeunload&quot;,()=&gt;speechSynthesis.cancel());\r\n  &lt;\/script&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n\" style=\"width:100%;min-height:1850px;border:0;border-radius:8px;background:#f8fafc;display:block;\" loading=\"eager\" allow=\"autoplay\"><\/iframe><\/div>\r\n<!-- lingualand-listening-exercise:bj:2:end --><\/div><script>(function(){const expectedHash=\"54c6e6001970489b11bc97cf0986b7b9f1684d10c293be936a975466a86f94b1\";const storageKey=\"lingualandListeningAccess:bj\";const form=document.getElementById(\"accessForm-lesson-bj\"),keyInput=document.getElementById(\"accessKey-lesson-bj\"),msg=document.getElementById(\"accessMessage-lesson-bj\"),gate=document.getElementById(\"accessGate-lesson-bj\"),app=document.getElementById(\"exerciseApp-lesson-bj\");async function sha256(text){const bytes=new TextEncoder().encode(text);const digest=await crypto.subtle.digest(\"SHA-256\",bytes);return Array.from(new Uint8Array(digest)).map(b=>b.toString(16).padStart(2,\"0\")).join(\"\");}function deny(text){msg.textContent=text;app.hidden=true;gate.style.display=\"grid\";}function allow(){try{sessionStorage.setItem(storageKey,\"1\");}catch(e){} gate.style.display=\"none\";app.hidden=false;keyInput.value=\"\";}try{if(sessionStorage.getItem(storageKey)===\"1\") allow();}catch(e){}form.addEventListener(\"submit\",async function(e){e.preventDefault();const entered=keyInput.value.trim();if(!entered){deny(\"Please enter the access key.\");return;}try{const hash=await sha256(entered);if(hash===expectedHash){allow();}else{deny(\"Incorrect access key.\");}}catch(err){deny(\"Access check is unavailable in this browser.\");}});})();<\/script>\r\n<!-- lingualand-listening-access:bj:lesson:end -->","protected":false},"excerpt":{"rendered":"<p>B Junior Listening Access Enter your access key to open the exercises. Open exercises<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":9619,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-11540","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/pages\/11540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/comments?post=11540"}],"version-history":[{"count":3,"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/pages\/11540\/revisions"}],"predecessor-version":[{"id":11834,"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/pages\/11540\/revisions\/11834"}],"up":[{"embeddable":true,"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/pages\/9619"}],"wp:attachment":[{"href":"https:\/\/lingualand.gr\/new\/wp-json\/wp\/v2\/media?parent=11540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}