Unit 1 \u2014 am \/ is \/ are<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n AW Worksheet Pro \u2014 Player Styles (embedded)\n ============================================================ *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n\n:root{\n --blue:#3b82f6;--indigo:#6366f1;--green:#22c55e;--red:#ef4444;\n --amber:#f59e0b;--slate-50:#f8fafc;--slate-100:#f1f5f9;\n --slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-600:#475569;\n --slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;\n --radius:10px;\n}\n\nbody{\n font-family:'DM Sans',sans-serif;\n background:linear-gradient(135deg,#eef2ff 0%,#f0f9ff 50%,#fdf4ff 100%);\n min-height:100vh;\n color:var(--slate-800);\n padding:24px 16px 60px;\n}\n\n\/* \u2500\u2500 Page wrapper \u2500\u2500 *\/\n.aw-wb-player-wrap{\n max-width:780px;\n margin:0 auto;\n font-family:inherit;\n padding:0 0 24px;\n}\n\n\/* \u2500\u2500 Unit badge + title \u2500\u2500 *\/\n.aw-unit-badge{\n display:inline-block;\n background:var(--slate-800);\n color:#fff;\n font-size:.75rem;\n font-weight:700;\n letter-spacing:.12em;\n text-transform:uppercase;\n padding:4px 12px;\n border-radius:4px;\n margin-bottom:8px;\n}\n.aw-wb-title{\n font-family:'Lora',serif;\n font-size:2rem;\n font-weight:700;\n color:var(--slate-900);\n margin:0 0 4px;\n padding-bottom:12px;\n border-bottom:3px solid var(--blue);\n}\n\n\/* \u2500\u2500 Progress bar \u2500\u2500 *\/\n.aw-wb-progress{\n height:6px;background:var(--slate-200);\n border-radius:99px;margin-bottom:20px;overflow:hidden;\n}\n.aw-wb-progress-fill{\n height:100%;\n background:linear-gradient(90deg,var(--blue),#06b6d4);\n border-radius:99px;transition:width .3s ease;\n}\n\n\/* \u2500\u2500 Grammar lesson panel \u2500\u2500 *\/\n.lesson-panel{\n background:#fff;\n border-radius:var(--radius);\n box-shadow:0 2px 16px rgba(59,130,246,.1);\n border:1px solid var(--slate-200);\n margin-bottom:24px;\n overflow:hidden;\n}\n.lesson-header{\n background:linear-gradient(135deg,var(--slate-800),var(--slate-700));\n color:#fff;\n padding:14px 20px;\n display:flex;align-items:center;gap:10px;\n}\n.lesson-header h2{font-family:'Lora',serif;font-size:1.1rem;font-weight:600}\n.lesson-body{padding:20px}\n\n\/* Examples strip *\/\n.example-strip{\n display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;\n margin-bottom:18px;\n}\n.example-strip p{font-size:.95rem;color:var(--slate-700);line-height:1.6}\n.example-strip p strong{color:var(--slate-900);font-weight:700}\n\n\/* Grammar table *\/\n.gram-tables{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px}\n.gram-table{flex:1;min-width:220px;border-collapse:collapse;font-size:.88rem}\n.gram-table caption{\n text-align:left;font-weight:700;\n font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;\n color:var(--slate-600);margin-bottom:6px;\n}\n.gram-table td,.gram-table th{\n border:1px solid var(--slate-200);padding:6px 10px;\n}\n.gram-table thead th{\n background:var(--slate-100);font-weight:700;color:var(--slate-800);\n}\n.gram-table .short-form{color:#64748b;font-style:italic}\n.gram-table .neg-main{color:#dc2626;font-weight:600}\n\n\/* Example sentences *\/\n.eg-block{\n background:var(--slate-50);border-left:3px solid var(--blue);\n border-radius:0 6px 6px 0;padding:12px 16px;\n display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;\n font-size:.9rem;line-height:1.7;color:var(--slate-700);\n}\n.eg-block span strong{color:var(--slate-900)}\n\n\/* Shortcut note *\/\n.shortcut-note{\n margin-top:14px;\n background:#fefce8;border:1px solid #fde047;\n border-radius:6px;padding:10px 14px;\n font-size:.88rem;color:#713f12;line-height:1.6;\n}\n\n\/* \u2500\u2500 Exercise card \u2500\u2500 *\/\n.ex-card{\n background:#fff;\n border-radius:var(--radius);\n box-shadow:0 2px 12px rgba(0,0,0,.07);\n border:1px solid var(--slate-200);\n margin-bottom:20px;\n overflow:hidden;\n}\n.ex-header{\n background:linear-gradient(90deg,var(--blue),var(--indigo));\n padding:12px 20px;display:flex;align-items:center;gap:12px;\n}\n.ex-num{\n background:#fff;\n color:var(--indigo);\n font-weight:800;font-size:.85rem;\n width:32px;height:32px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n flex-shrink:0;\n}\n.ex-header h3{color:#fff;font-size:.95rem;font-weight:600}\n.ex-body{padding:20px}\n\n\/* \u2500\u2500 Items \u2500\u2500 *\/\n.ex-item{\n display:flex;align-items:baseline;gap:8px;\n padding:8px 4px;border-bottom:1px solid var(--slate-100);\n font-size:.93rem;line-height:1.6;\n flex-wrap:wrap;\n}\n.ex-item:last-child{border-bottom:none}\n.item-num{\n color:var(--blue);font-weight:700;font-size:.85rem;\n min-width:22px;flex-shrink:0;\n}\n.item-text{color:var(--slate-700);flex:1}\n\n\/* Text inputs *\/\n.aw-input-text{\n background:rgba(255,255,255,.92);\n border:2px solid var(--slate-400);\n border-radius:4px;padding:3px 8px;\n font-family:inherit;font-size:.9rem;\n outline:none;\n transition:border-color .2s,box-shadow .2s;\n min-width:80px;\n}\n.aw-input-text:focus{\n border-color:var(--blue);\n box-shadow:0 0 0 3px rgba(59,130,246,.2);\n}\n.aw-input-text.aw-correct{\n border-color:var(--green)!important;\n background:rgba(34,197,94,.12)!important;\n color:#14532d!important;\n}\n.aw-input-text.aw-incorrect{\n border-color:var(--red)!important;\n background:rgba(239,68,68,.1)!important;\n color:#7f1d1d!important;\n}\n\n\/* Dropdown select *\/\n.aw-select{\n background:rgba(255,255,255,.95);\n border:2px solid var(--slate-400);\n border-radius:4px;padding:3px 6px;\n font-family:inherit;font-size:.9rem;cursor:pointer;\n outline:none;\n}\n.aw-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.2)}\n.aw-select.aw-correct{border-color:var(--green)!important;background:rgba(34,197,94,.12)!important;color:#14532d!important}\n.aw-select.aw-incorrect{border-color:var(--red)!important;background:rgba(239,68,68,.1)!important;color:#7f1d1d!important}\n\n\/* Answer tip *\/\n.aw-answer-tip{\n display:inline-block;\n background:#14532d;color:#fff;\n font-size:.75rem;padding:2px 8px;\n border-radius:4px;margin-left:6px;\n white-space:nowrap;\n}\n\n\/* Section label inside exercise *\/\n.ex-section-label{\n font-size:.8rem;font-weight:700;\n letter-spacing:.08em;text-transform:uppercase;\n color:var(--slate-600);margin:12px 0 6px;\n}\n\n\/* \u2500\u2500 Button row \u2500\u2500 *\/\n.aw-wb-btn-row{\n display:flex;gap:12px;margin:20px 0;flex-wrap:wrap;\n}\n.aw-btn-check{\n padding:12px 32px;\n background:linear-gradient(135deg,var(--blue),var(--indigo));\n color:#fff;border:none;border-radius:8px;\n font-size:1rem;font-weight:700;cursor:pointer;\n transition:opacity .2s,transform .15s;\n box-shadow:0 4px 14px rgba(59,130,246,.35);\n}\n.aw-btn-check:hover{opacity:.9;transform:translateY(-1px)}\n.aw-btn-check:active{transform:translateY(1px)}\n.aw-btn-check:disabled{opacity:.5;cursor:not-allowed;transform:none}\n\n.aw-btn-show-answer{\n padding:12px 28px;background:#2563eb;color:#fff;\n border:none;border-radius:8px;font-size:1rem;font-weight:600;\n cursor:pointer;transition:background .2s,opacity .2s;\n box-shadow:0 4px 14px rgba(37,99,235,.35);\n}\n.aw-btn-show-answer:hover{background:#1d4ed8}\n.aw-btn-show-answer:disabled{opacity:.5;cursor:not-allowed}\n\n.aw-btn-retry{\n padding:12px 24px;background:var(--slate-100);color:var(--slate-600);\n border:2px solid var(--slate-200);border-radius:8px;\n font-size:1rem;font-weight:600;cursor:pointer;\n transition:background .2s;display:none;\n}\n.aw-btn-retry:hover{background:var(--slate-200)}\n\n\/* \u2500\u2500 Score \u2500\u2500 *\/\n.aw-wb-score{\n margin-top:20px;padding:24px;\n background:linear-gradient(135deg,#f0f9ff,#e0f2fe);\n border:2px solid #bae6fd;border-radius:12px;\n display:flex;align-items:center;gap:20px;\n animation:slideIn .4s ease;display:none;\n}\n@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n.aw-score-circle{\n width:80px;height:80px;border-radius:50%;\n background:conic-gradient(var(--blue) calc(var(--pct)*1%),var(--slate-200) 0);\n display:flex;align-items:center;justify-content:center;flex-shrink:0;\n}\n.aw-score-num{\n font-size:1.1rem;font-weight:800;color:var(--slate-800);\n background:#fff;border-radius:50%;\n width:60px;height:60px;\n display:flex;align-items:center;justify-content:center;\n}\n.aw-score-text{font-size:1.1rem;color:var(--slate-800)}\n.aw-score-text strong{color:#2563eb}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media(max-width:600px){\n .example-strip,.eg-block{grid-template-columns:1fr}\n .gram-tables{flex-direction:column}\n .aw-wb-title{font-size:1.4rem}\n .aw-btn-check{padding:10px 20px;font-size:.9rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"aw-wb-player-wrap\" id=\"player\">\n\n \n <div class=\"aw-unit-badge\">Unit 1<\/div>\n <h1 class=\"aw-wb-title\">am \/ is \/ are<\/h1>\n\n \n <div class=\"aw-wb-progress\">\n <div class=\"aw-wb-progress-fill\" id=\"progressFill\" style=\"width:0%\"><\/div>\n <\/div>\n\n \n <div class=\"lesson-panel\">\n <div class=\"lesson-header\">\n <span>\ud83d\udcd6<\/span>\n <h2>Grammar Reference \u2014 am \/ is \/ are<\/h2>\n <\/div>\n <div class=\"lesson-body\">\n\n \n <div class=\"example-strip\">\n <p>I<strong>‘m<\/strong> 22.<\/p>\n <p>I<strong>‘m not<\/strong> married.<\/p>\n <p>My name <strong>is<\/strong> Lisa.<\/p>\n <p>My favorite color <strong>is<\/strong> blue.<\/p>\n <p>I<strong>‘m<\/strong> American. I<strong>‘m<\/strong> from Chicago.<\/p>\n <p>My favorite sports <strong>are<\/strong> tennis and swimming.<\/p>\n <p>I<strong>‘m<\/strong> a student.<\/p>\n <p>I<strong>‘m<\/strong> interested in art.<\/p>\n <p>My father <strong>is<\/strong> a doctor, and my mother <strong>is<\/strong> a journalist.<\/p>\n <p><\/p>\n <\/div>\n\n \n <div class=\"gram-tables\">\n \n <table class=\"gram-table\">\n <caption>Positive<\/caption>\n <thead><tr><th>Subject<\/th><th>Full form<\/th><th>Short form<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>I<\/td><td><strong>am<\/strong><\/td><td class=\"short-form\">I’m<\/td><\/tr>\n <tr><td>he \/ she \/ it<\/td><td><strong>is<\/strong><\/td><td class=\"short-form\">he’s \/ she’s \/ it’s<\/td><\/tr>\n <tr><td>we \/ you \/ they<\/td><td><strong>are<\/strong><\/td><td class=\"short-form\">we’re \/ you’re \/ they’re<\/td><\/tr>\n <\/tbody>\n <\/table>\n \n <table class=\"gram-table\">\n <caption>Negative<\/caption>\n <thead><tr><th>Subject<\/th><th>Full form<\/th><th>Short form<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>I<\/td><td class=\"neg-main\">am not<\/td><td class=\"short-form\">I’m not<\/td><\/tr>\n <tr><td>he \/ she \/ it<\/td><td class=\"neg-main\">is not<\/td><td class=\"short-form\">he\/she\/it isn’t<\/td><\/tr>\n <tr><td>we \/ you \/ they<\/td><td class=\"neg-main\">are not<\/td><td class=\"short-form\">we\/you\/they aren’t<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \n <div class=\"eg-block\">\n <span>I’<strong>m<\/strong> cold. Can you close the window?<\/span>\n <span>I’<strong>m<\/strong> tired, but I’<strong>m not<\/strong> hungry.<\/span>\n <span>I’<strong>m<\/strong> 32 years old. My sister <strong>is<\/strong> 29.<\/span>\n <span>Tom <strong>isn’t<\/strong> interested in politics. He’<strong>s<\/strong> interested in music.<\/span>\n <span>Steve <strong>is<\/strong> sick. He’<strong>s<\/strong> in bed.<\/span>\n <span>Jane <strong>isn’t<\/strong> a teacher. She’<strong>s<\/strong> a student.<\/span>\n <span>My brother <strong>is<\/strong> afraid of dogs.<\/span>\n <span>Those people <strong>aren’t<\/strong> Canadian. They’<strong>re<\/strong> Australian.<\/span>\n <\/div>\n\n \n <div class=\"shortcut-note\">\n \ud83d\udca1 <strong>Note:<\/strong> \n <strong>that’s<\/strong> = that <strong>is<\/strong> \u00b7 \n <strong>there’s<\/strong> = there <strong>is<\/strong> \u00b7 \n <strong>here’s<\/strong> = here <strong>is<\/strong><br>\n “Thank you. That’s very nice of you.” \u00b7 “Look! There’s Chris.” \u00b7 “Here’s your key.”\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.1<\/div>\n <h3>Write the short form <em style=\"font-weight:400;opacity:.85\">(she’s \/ we aren’t, etc.)<\/em><\/h3>\n <\/div>\n <div class=\"ex-body\">\n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">she is<\/span>\n <input class=\"aw-input-text\" data-id=\"1_1\" data-answer=\"she's\" placeholder=\"\u2026\" style=\"width:110px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">they are<\/span>\n <input class=\"aw-input-text\" data-id=\"1_2\" data-answer=\"they're\" placeholder=\"\u2026\" style=\"width:110px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">it is not<\/span>\n <input class=\"aw-input-text\" data-id=\"1_3\" data-answer=\"it isn't\/it's not\" placeholder=\"\u2026\" style=\"width:120px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">that is<\/span>\n <input class=\"aw-input-text\" data-id=\"1_4\" data-answer=\"that's\" placeholder=\"\u2026\" style=\"width:110px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">I am not<\/span>\n <input class=\"aw-input-text\" data-id=\"1_5\" data-answer=\"i'm not\" placeholder=\"\u2026\" style=\"width:110px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">you are not<\/span>\n <input class=\"aw-input-text\" data-id=\"1_6\" data-answer=\"you aren't\/you're not\" placeholder=\"\u2026\" style=\"width:130px\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.2<\/div>\n <h3>Write <em style=\"font-weight:700\">am<\/em>, <em style=\"font-weight:700\">is<\/em>, or <em style=\"font-weight:700\">are<\/em><\/h3>\n <\/div>\n <div class=\"ex-body\">\n \n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">The weather\n <input class=\"aw-input-text\" data-id=\"2_1\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n nice today.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">I\n <input class=\"aw-input-text\" data-id=\"2_2\" data-answer=\"am\" placeholder=\"\" style=\"width:60px\">\n not rich.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">This bag\n <input class=\"aw-input-text\" data-id=\"2_3\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n heavy.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">These bags\n <input class=\"aw-input-text\" data-id=\"2_4\" data-answer=\"are\" placeholder=\"\" style=\"width:60px\">\n heavy.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">Look! There\n <input class=\"aw-input-text\" data-id=\"2_5\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n Carol.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">My brother and I\n <input class=\"aw-input-text\" data-id=\"2_6\" data-answer=\"are\" placeholder=\"\" style=\"width:60px\">\n good tennis players.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">7.<\/span>\n <span class=\"item-text\">Amy\n <input class=\"aw-input-text\" data-id=\"2_7\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n at home. Her children\n <input class=\"aw-input-text\" data-id=\"2_8\" data-answer=\"are\" placeholder=\"\" style=\"width:60px\">\n at school.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">8.<\/span>\n <span class=\"item-text\">I\n <input class=\"aw-input-text\" data-id=\"2_9\" data-answer=\"am\" placeholder=\"\" style=\"width:60px\">\n a taxi driver. My sister\n <input class=\"aw-input-text\" data-id=\"2_10\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n a nurse.\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.3<\/div>\n <h3>Complete the sentences<\/h3>\n <\/div>\n <div class=\"ex-body\">\n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">Steve is sick.\n <input class=\"aw-input-text\" data-id=\"3_1\" data-answer=\"he's\" placeholder=\"He's \/ He is\" style=\"width:110px\">\n in bed.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">I’m not hungry, but\n <input class=\"aw-input-text\" data-id=\"3_2\" data-answer=\"i'm\/i am\" placeholder=\"I'm \/ I am\" style=\"width:110px\">\n thirsty.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">Mr. Thomas is a very old man.\n <input class=\"aw-input-text\" data-id=\"3_3\" data-answer=\"he's\/he is\" placeholder=\"He's \u2026\" style=\"width:120px\">\n 98.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">These chairs aren’t beautiful, but\n <input class=\"aw-input-text\" data-id=\"3_4\" data-answer=\"they're\/they are\" placeholder=\"they're \u2026\" style=\"width:130px\">\n comfortable.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">The weather is nice today.\n <input class=\"aw-input-text\" data-id=\"3_5\" data-answer=\"it's\/it is\" placeholder=\"It's \u2026\" style=\"width:110px\">\n warm and sunny.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">”\n <input class=\"aw-input-text\" data-id=\"3_6\" data-answer=\"you're\/you are\" placeholder=\"You're \u2026\" style=\"width:120px\">\n late.” “No, I’m not. I’m early!”\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">7.<\/span>\n <span class=\"item-text\">Catherine isn’t at home.\n <input class=\"aw-input-text\" data-id=\"3_7\" data-answer=\"she's\/she is\" placeholder=\"She's \u2026\" style=\"width:120px\">\n at work.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">8.<\/span>\n <span class=\"item-text\">”\n <input class=\"aw-input-text\" data-id=\"3_8\" data-answer=\"here's\/here is\" placeholder=\"Here's \u2026\" style=\"width:120px\">\n your coat.” “Oh, thank you very much.”\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.4<\/div>\n <h3>Choose the correct form<\/h3>\n <\/div>\n <div class=\"ex-body\">\n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">I\n <select class=\"aw-select\" data-id=\"4_1\" data-answer=\"am\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n a student at this university.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">Anna and Paul\n <select class=\"aw-select\" data-id=\"4_2\" data-answer=\"are\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n my best friends.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">She\n <select class=\"aw-select\" data-id=\"4_3\" data-answer=\"isn't\">\n <option value=\"\">\u2014<\/option>\n <option>am not<\/option><option>isn’t<\/option><option>aren’t<\/option>\n <\/select>\n at home right now.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">The books\n <select class=\"aw-select\" data-id=\"4_4\" data-answer=\"are\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n on the table.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">It\n <select class=\"aw-select\" data-id=\"4_5\" data-answer=\"is\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n 10:00. You’re late again.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">We\n <select class=\"aw-select\" data-id=\"4_6\" data-answer=\"aren't\">\n <option value=\"\">\u2014<\/option>\n <option>am not<\/option><option>isn’t<\/option><option>aren’t<\/option>\n <\/select>\n Canadian. We’re Australian.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">7.<\/span>\n <span class=\"item-text\">Tom\n <select class=\"aw-select\" data-id=\"4_7\" data-answer=\"isn't\">\n <option value=\"\">\u2014<\/option>\n <option>am not<\/option><option>isn’t<\/option><option>aren’t<\/option>\n <\/select>\n interested in politics. He’s interested in music.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">8.<\/span>\n <span class=\"item-text\">My hands\n <select class=\"aw-select\" data-id=\"4_8\" data-answer=\"are\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n cold.\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.5<\/div>\n <h3>Write <strong>true<\/strong> sentences \u2014 positive or negative. Use <em>is\/isn’t<\/em> or <em>are\/aren’t<\/em>.<\/h3>\n <\/div>\n <div class=\"ex-body\">\n <p style=\"font-size:.85rem;color:var(--slate-600);margin-bottom:12px\">\n Write a complete sentence using the cue. There may be more than one correct answer.\n <\/p>\n \n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">(it \/ hot today) \n <input class=\"aw-input-text\" data-id=\"5_1\" data-answer=\"it is hot today\/it's hot today\/it isn't hot today\/it's not hot today\" placeholder=\"It \u2026\" style=\"width:240px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">(it \/ windy today) \n <input class=\"aw-input-text\" data-id=\"5_2\" data-answer=\"it is windy today\/it's windy today\/it isn't windy today\/it's not windy today\" placeholder=\"It \u2026\" style=\"width:240px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">(Brazil \/ a very big country) \n <input class=\"aw-input-text\" data-id=\"5_3\" data-answer=\"brazil is a very big country\" placeholder=\"Brazil \u2026\" style=\"width:280px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">(diamonds \/ cheap) \n <input class=\"aw-input-text\" data-id=\"5_4\" data-answer=\"diamonds aren't cheap\/diamonds are not cheap\" placeholder=\"Diamonds \u2026\" style=\"width:250px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">(Toronto \/ in the United States) \n <input class=\"aw-input-text\" data-id=\"5_5\" data-answer=\"toronto isn't in the united states\/toronto is not in the united states\" placeholder=\"Toronto \u2026\" style=\"width:300px\">\n <\/span>\n <\/div>\n\n <div class=\"ex-section-label\" style=\"margin-top:16px\">Write true sentences about yourself \u2014 positive or negative. Use <em>I’m \/ I’m not<\/em>.<\/div>\n\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">(tired) \n <input class=\"aw-input-text\" data-id=\"5_6\" data-answer=\"i'm tired\/i am tired\/i'm not tired\/i am not tired\" placeholder=\"I \u2026\" style=\"width:200px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">7.<\/span>\n <span class=\"item-text\">(hungry) \n <input class=\"aw-input-text\" data-id=\"5_7\" data-answer=\"i'm hungry\/i am hungry\/i'm not hungry\/i am not hungry\" placeholder=\"I \u2026\" style=\"width:200px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">8.<\/span>\n <span class=\"item-text\">(a good swimmer) \n <input class=\"aw-input-text\" data-id=\"5_8\" data-answer=\"i'm a good swimmer\/i am a good swimmer\/i'm not a good swimmer\/i am not a good swimmer\" placeholder=\"I \u2026\" style=\"width:240px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">9.<\/span>\n <span class=\"item-text\">(interested in politics) \n <input class=\"aw-input-text\" data-id=\"5_9\" data-answer=\"i'm interested in politics\/i am interested in politics\/i'm not interested in politics\/i am not interested in politics\" placeholder=\"I \u2026\" style=\"width:280px\">\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"aw-wb-btn-row\">\n <button class=\"aw-btn-check\" id=\"btnCheck\">\u2705 Check Answers<\/button>\n <button class=\"aw-btn-show-answer\" id=\"btnShow\">\ud83d\udca1 Show Answers<\/button>\n <button class=\"aw-btn-retry\" id=\"btnRetry\">\ud83d\udd04 Try Again<\/button>\n <\/div>\n\n \n <div class=\"aw-wb-score\" id=\"scoreEl\"><\/div>\n\n<\/div>\n\n<script>\n(function(){\n 'use strict';\n\n \/* \u2500\u2500 Collect all graded elements \u2500\u2500 *\/\n function allInputs(){\n return document.querySelectorAll('.aw-input-text[data-id], .aw-select[data-id]');\n }\n\n \/* \u2500\u2500 Progress update \u2500\u2500 *\/\n function updateProgress(){\n var inputs = allInputs();\n var total = inputs.length, answered = 0;\n inputs.forEach(function(el){ if(el.value.trim()) answered++; });\n document.getElementById('progressFill').style.width =\n (total ? Math.round(answered\/total*100) : 0) + '%';\n }\n\n allInputs().forEach(function(el){\n el.addEventListener('input', updateProgress);\n el.addEventListener('change', updateProgress);\n });\n\n \/* \u2500\u2500 Client-side grade \u2500\u2500 *\/\n function grade(){\n var correct = 0, total = 0, results = {};\n allInputs().forEach(function(el){\n var id = el.dataset.id;\n var raw = el.dataset.answer || '';\n var accepted = raw.split('\/').map(function(a){ return a.trim().toLowerCase(); });\n var val = el.value.trim().toLowerCase();\n var ok = val !== '' && accepted.indexOf(val) >= 0;\n total++;\n if(ok) correct++;\n results[id] = { ok: ok, correct: raw.split('\/')[0] };\n });\n return { correct: correct, total: total, results: results };\n }\n\n \/* \u2500\u2500 Apply feedback \u2500\u2500 *\/\n function applyFeedback(results, finished){\n allInputs().forEach(function(el){\n var id = el.dataset.id;\n var fb = results[id];\n el.classList.remove('aw-correct','aw-incorrect');\n \/\/ remove old tips\n var parent = el.parentNode;\n var old = parent.querySelector('.aw-answer-tip[data-for=\"'+id+'\"]');\n if(old) old.remove();\n\n if(!fb) return;\n if(fb.ok){\n el.classList.add('aw-correct');\n } else {\n el.classList.add('aw-incorrect');\n if(finished){\n var tip = document.createElement('span');\n tip.className = 'aw-answer-tip';\n tip.dataset.for = id;\n tip.textContent = '\u2714 ' + fb.correct;\n el.insertAdjacentElement('afterend', tip);\n }\n }\n el.disabled = finished;\n });\n }\n\n \/* \u2500\u2500 Show answers \u2500\u2500 *\/\n function showAnswers(){\n allInputs().forEach(function(el){\n var raw = el.dataset.answer || '';\n var first = raw.split('\/')[0];\n el.value = first;\n el.classList.remove('aw-incorrect');\n el.classList.add('aw-correct');\n el.disabled = true;\n });\n updateProgress();\n document.getElementById('btnShow').disabled = true;\n document.getElementById('btnRetry').style.display = '';\n }\n\n \/* \u2500\u2500 Score display \u2500\u2500 *\/\n function showScore(correct, total){\n var pct = total ? Math.round(correct\/total*100) : 0;\n var emoji = pct >= 80 ? '\ud83c\udf89' : pct >= 50 ? '\ud83d\udc4d' : '\ud83d\udcda';\n var el = document.getElementById('scoreEl');\n el.style.display = 'flex';\n el.innerHTML =\n '<div class=\"aw-score-circle\" style=\"--pct:'+pct+'\">'+\n '<span class=\"aw-score-num\">'+pct+'%<\/span>'+\n '<\/div>'+\n '<div class=\"aw-score-text\">'+emoji+\n ' You got <strong>'+correct+'<\/strong> out of <strong>'+total+'<\/strong> correct.<\/div>';\n }\n\n \/* \u2500\u2500 Buttons \u2500\u2500 *\/\n document.getElementById('btnCheck').addEventListener('click', function(){\n var res = grade();\n applyFeedback(res.results, true);\n showScore(res.correct, res.total);\n this.disabled = true;\n document.getElementById('btnShow').disabled = true;\n document.getElementById('btnRetry').style.display = '';\n });\n\n document.getElementById('btnShow').addEventListener('click', function(){\n showAnswers();\n var res = grade();\n showScore(res.correct, res.total);\n document.getElementById('btnCheck').disabled = true;\n });\n\n document.getElementById('btnRetry').addEventListener('click', function(){\n allInputs().forEach(function(el){\n el.value = '';\n el.classList.remove('aw-correct','aw-incorrect');\n el.disabled = false;\n });\n document.querySelectorAll('.aw-answer-tip').forEach(function(t){ t.remove(); });\n document.getElementById('scoreEl').style.display = 'none';\n document.getElementById('btnCheck').disabled = false;\n document.getElementById('btnShow').disabled = false;\n document.getElementById('btnRetry').style.display = 'none';\n updateProgress();\n });\n\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Unit 1 \u2014 am \/ is \/ are Unit 1 am \/ is \/ are \ud83d\udcd6 Grammar Reference \u2014 am \/ is \/ are I‘m 22. I‘m not married. My name is Lisa. My favorite color is blue. I‘m American. I‘m from Chicago. My favorite sports are tennis and swimming. I‘m a student. I‘m interested […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-594","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/comments?post=594"}],"version-history":[{"count":2,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/594\/revisions"}],"predecessor-version":[{"id":596,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/594\/revisions\/596"}],"wp:attachment":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/media?parent=594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":594,"date":"2026-05-12T04:06:50","date_gmt":"2026-05-12T04:06:50","guid":{"rendered":"https:\/\/allenglish4u.com\/?page_id=594"},"modified":"2026-05-12T04:08:30","modified_gmt":"2026-05-12T04:08:30","slug":"unit-1-am-is-are","status":"publish","type":"page","link":"https:\/\/allenglish4u.com\/vi\/unit-1-am-is-are\/","title":{"rendered":"Unit 1 am \/ is \/ are"},"content":{"rendered":"\n\n\n\n\n\nUnit 1 \u2014 am \/ is \/ are<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n AW Worksheet Pro \u2014 Player Styles (embedded)\n ============================================================ *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n\n:root{\n --blue:#3b82f6;--indigo:#6366f1;--green:#22c55e;--red:#ef4444;\n --amber:#f59e0b;--slate-50:#f8fafc;--slate-100:#f1f5f9;\n --slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-600:#475569;\n --slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;\n --radius:10px;\n}\n\nbody{\n font-family:'DM Sans',sans-serif;\n background:linear-gradient(135deg,#eef2ff 0%,#f0f9ff 50%,#fdf4ff 100%);\n min-height:100vh;\n color:var(--slate-800);\n padding:24px 16px 60px;\n}\n\n\/* \u2500\u2500 Page wrapper \u2500\u2500 *\/\n.aw-wb-player-wrap{\n max-width:780px;\n margin:0 auto;\n font-family:inherit;\n padding:0 0 24px;\n}\n\n\/* \u2500\u2500 Unit badge + title \u2500\u2500 *\/\n.aw-unit-badge{\n display:inline-block;\n background:var(--slate-800);\n color:#fff;\n font-size:.75rem;\n font-weight:700;\n letter-spacing:.12em;\n text-transform:uppercase;\n padding:4px 12px;\n border-radius:4px;\n margin-bottom:8px;\n}\n.aw-wb-title{\n font-family:'Lora',serif;\n font-size:2rem;\n font-weight:700;\n color:var(--slate-900);\n margin:0 0 4px;\n padding-bottom:12px;\n border-bottom:3px solid var(--blue);\n}\n\n\/* \u2500\u2500 Progress bar \u2500\u2500 *\/\n.aw-wb-progress{\n height:6px;background:var(--slate-200);\n border-radius:99px;margin-bottom:20px;overflow:hidden;\n}\n.aw-wb-progress-fill{\n height:100%;\n background:linear-gradient(90deg,var(--blue),#06b6d4);\n border-radius:99px;transition:width .3s ease;\n}\n\n\/* \u2500\u2500 Grammar lesson panel \u2500\u2500 *\/\n.lesson-panel{\n background:#fff;\n border-radius:var(--radius);\n box-shadow:0 2px 16px rgba(59,130,246,.1);\n border:1px solid var(--slate-200);\n margin-bottom:24px;\n overflow:hidden;\n}\n.lesson-header{\n background:linear-gradient(135deg,var(--slate-800),var(--slate-700));\n color:#fff;\n padding:14px 20px;\n display:flex;align-items:center;gap:10px;\n}\n.lesson-header h2{font-family:'Lora',serif;font-size:1.1rem;font-weight:600}\n.lesson-body{padding:20px}\n\n\/* Examples strip *\/\n.example-strip{\n display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;\n margin-bottom:18px;\n}\n.example-strip p{font-size:.95rem;color:var(--slate-700);line-height:1.6}\n.example-strip p strong{color:var(--slate-900);font-weight:700}\n\n\/* Grammar table *\/\n.gram-tables{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px}\n.gram-table{flex:1;min-width:220px;border-collapse:collapse;font-size:.88rem}\n.gram-table caption{\n text-align:left;font-weight:700;\n font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;\n color:var(--slate-600);margin-bottom:6px;\n}\n.gram-table td,.gram-table th{\n border:1px solid var(--slate-200);padding:6px 10px;\n}\n.gram-table thead th{\n background:var(--slate-100);font-weight:700;color:var(--slate-800);\n}\n.gram-table .short-form{color:#64748b;font-style:italic}\n.gram-table .neg-main{color:#dc2626;font-weight:600}\n\n\/* Example sentences *\/\n.eg-block{\n background:var(--slate-50);border-left:3px solid var(--blue);\n border-radius:0 6px 6px 0;padding:12px 16px;\n display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;\n font-size:.9rem;line-height:1.7;color:var(--slate-700);\n}\n.eg-block span strong{color:var(--slate-900)}\n\n\/* Shortcut note *\/\n.shortcut-note{\n margin-top:14px;\n background:#fefce8;border:1px solid #fde047;\n border-radius:6px;padding:10px 14px;\n font-size:.88rem;color:#713f12;line-height:1.6;\n}\n\n\/* \u2500\u2500 Exercise card \u2500\u2500 *\/\n.ex-card{\n background:#fff;\n border-radius:var(--radius);\n box-shadow:0 2px 12px rgba(0,0,0,.07);\n border:1px solid var(--slate-200);\n margin-bottom:20px;\n overflow:hidden;\n}\n.ex-header{\n background:linear-gradient(90deg,var(--blue),var(--indigo));\n padding:12px 20px;display:flex;align-items:center;gap:12px;\n}\n.ex-num{\n background:#fff;\n color:var(--indigo);\n font-weight:800;font-size:.85rem;\n width:32px;height:32px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n flex-shrink:0;\n}\n.ex-header h3{color:#fff;font-size:.95rem;font-weight:600}\n.ex-body{padding:20px}\n\n\/* \u2500\u2500 Items \u2500\u2500 *\/\n.ex-item{\n display:flex;align-items:baseline;gap:8px;\n padding:8px 4px;border-bottom:1px solid var(--slate-100);\n font-size:.93rem;line-height:1.6;\n flex-wrap:wrap;\n}\n.ex-item:last-child{border-bottom:none}\n.item-num{\n color:var(--blue);font-weight:700;font-size:.85rem;\n min-width:22px;flex-shrink:0;\n}\n.item-text{color:var(--slate-700);flex:1}\n\n\/* Text inputs *\/\n.aw-input-text{\n background:rgba(255,255,255,.92);\n border:2px solid var(--slate-400);\n border-radius:4px;padding:3px 8px;\n font-family:inherit;font-size:.9rem;\n outline:none;\n transition:border-color .2s,box-shadow .2s;\n min-width:80px;\n}\n.aw-input-text:focus{\n border-color:var(--blue);\n box-shadow:0 0 0 3px rgba(59,130,246,.2);\n}\n.aw-input-text.aw-correct{\n border-color:var(--green)!important;\n background:rgba(34,197,94,.12)!important;\n color:#14532d!important;\n}\n.aw-input-text.aw-incorrect{\n border-color:var(--red)!important;\n background:rgba(239,68,68,.1)!important;\n color:#7f1d1d!important;\n}\n\n\/* Dropdown select *\/\n.aw-select{\n background:rgba(255,255,255,.95);\n border:2px solid var(--slate-400);\n border-radius:4px;padding:3px 6px;\n font-family:inherit;font-size:.9rem;cursor:pointer;\n outline:none;\n}\n.aw-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.2)}\n.aw-select.aw-correct{border-color:var(--green)!important;background:rgba(34,197,94,.12)!important;color:#14532d!important}\n.aw-select.aw-incorrect{border-color:var(--red)!important;background:rgba(239,68,68,.1)!important;color:#7f1d1d!important}\n\n\/* Answer tip *\/\n.aw-answer-tip{\n display:inline-block;\n background:#14532d;color:#fff;\n font-size:.75rem;padding:2px 8px;\n border-radius:4px;margin-left:6px;\n white-space:nowrap;\n}\n\n\/* Section label inside exercise *\/\n.ex-section-label{\n font-size:.8rem;font-weight:700;\n letter-spacing:.08em;text-transform:uppercase;\n color:var(--slate-600);margin:12px 0 6px;\n}\n\n\/* \u2500\u2500 Button row \u2500\u2500 *\/\n.aw-wb-btn-row{\n display:flex;gap:12px;margin:20px 0;flex-wrap:wrap;\n}\n.aw-btn-check{\n padding:12px 32px;\n background:linear-gradient(135deg,var(--blue),var(--indigo));\n color:#fff;border:none;border-radius:8px;\n font-size:1rem;font-weight:700;cursor:pointer;\n transition:opacity .2s,transform .15s;\n box-shadow:0 4px 14px rgba(59,130,246,.35);\n}\n.aw-btn-check:hover{opacity:.9;transform:translateY(-1px)}\n.aw-btn-check:active{transform:translateY(1px)}\n.aw-btn-check:disabled{opacity:.5;cursor:not-allowed;transform:none}\n\n.aw-btn-show-answer{\n padding:12px 28px;background:#2563eb;color:#fff;\n border:none;border-radius:8px;font-size:1rem;font-weight:600;\n cursor:pointer;transition:background .2s,opacity .2s;\n box-shadow:0 4px 14px rgba(37,99,235,.35);\n}\n.aw-btn-show-answer:hover{background:#1d4ed8}\n.aw-btn-show-answer:disabled{opacity:.5;cursor:not-allowed}\n\n.aw-btn-retry{\n padding:12px 24px;background:var(--slate-100);color:var(--slate-600);\n border:2px solid var(--slate-200);border-radius:8px;\n font-size:1rem;font-weight:600;cursor:pointer;\n transition:background .2s;display:none;\n}\n.aw-btn-retry:hover{background:var(--slate-200)}\n\n\/* \u2500\u2500 Score \u2500\u2500 *\/\n.aw-wb-score{\n margin-top:20px;padding:24px;\n background:linear-gradient(135deg,#f0f9ff,#e0f2fe);\n border:2px solid #bae6fd;border-radius:12px;\n display:flex;align-items:center;gap:20px;\n animation:slideIn .4s ease;display:none;\n}\n@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n.aw-score-circle{\n width:80px;height:80px;border-radius:50%;\n background:conic-gradient(var(--blue) calc(var(--pct)*1%),var(--slate-200) 0);\n display:flex;align-items:center;justify-content:center;flex-shrink:0;\n}\n.aw-score-num{\n font-size:1.1rem;font-weight:800;color:var(--slate-800);\n background:#fff;border-radius:50%;\n width:60px;height:60px;\n display:flex;align-items:center;justify-content:center;\n}\n.aw-score-text{font-size:1.1rem;color:var(--slate-800)}\n.aw-score-text strong{color:#2563eb}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media(max-width:600px){\n .example-strip,.eg-block{grid-template-columns:1fr}\n .gram-tables{flex-direction:column}\n .aw-wb-title{font-size:1.4rem}\n .aw-btn-check{padding:10px 20px;font-size:.9rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"aw-wb-player-wrap\" id=\"player\">\n\n \n <div class=\"aw-unit-badge\">Unit 1<\/div>\n <h1 class=\"aw-wb-title\">am \/ is \/ are<\/h1>\n\n \n <div class=\"aw-wb-progress\">\n <div class=\"aw-wb-progress-fill\" id=\"progressFill\" style=\"width:0%\"><\/div>\n <\/div>\n\n \n <div class=\"lesson-panel\">\n <div class=\"lesson-header\">\n <span>\ud83d\udcd6<\/span>\n <h2>Grammar Reference \u2014 am \/ is \/ are<\/h2>\n <\/div>\n <div class=\"lesson-body\">\n\n \n <div class=\"example-strip\">\n <p>I<strong>‘m<\/strong> 22.<\/p>\n <p>I<strong>‘m not<\/strong> married.<\/p>\n <p>My name <strong>is<\/strong> Lisa.<\/p>\n <p>My favorite color <strong>is<\/strong> blue.<\/p>\n <p>I<strong>‘m<\/strong> American. I<strong>‘m<\/strong> from Chicago.<\/p>\n <p>My favorite sports <strong>are<\/strong> tennis and swimming.<\/p>\n <p>I<strong>‘m<\/strong> a student.<\/p>\n <p>I<strong>‘m<\/strong> interested in art.<\/p>\n <p>My father <strong>is<\/strong> a doctor, and my mother <strong>is<\/strong> a journalist.<\/p>\n <p><\/p>\n <\/div>\n\n \n <div class=\"gram-tables\">\n \n <table class=\"gram-table\">\n <caption>Positive<\/caption>\n <thead><tr><th>Subject<\/th><th>Full form<\/th><th>Short form<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>I<\/td><td><strong>am<\/strong><\/td><td class=\"short-form\">I’m<\/td><\/tr>\n <tr><td>he \/ she \/ it<\/td><td><strong>is<\/strong><\/td><td class=\"short-form\">he’s \/ she’s \/ it’s<\/td><\/tr>\n <tr><td>we \/ you \/ they<\/td><td><strong>are<\/strong><\/td><td class=\"short-form\">we’re \/ you’re \/ they’re<\/td><\/tr>\n <\/tbody>\n <\/table>\n \n <table class=\"gram-table\">\n <caption>Negative<\/caption>\n <thead><tr><th>Subject<\/th><th>Full form<\/th><th>Short form<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>I<\/td><td class=\"neg-main\">am not<\/td><td class=\"short-form\">I’m not<\/td><\/tr>\n <tr><td>he \/ she \/ it<\/td><td class=\"neg-main\">is not<\/td><td class=\"short-form\">he\/she\/it isn’t<\/td><\/tr>\n <tr><td>we \/ you \/ they<\/td><td class=\"neg-main\">are not<\/td><td class=\"short-form\">we\/you\/they aren’t<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \n <div class=\"eg-block\">\n <span>I’<strong>m<\/strong> cold. Can you close the window?<\/span>\n <span>I’<strong>m<\/strong> tired, but I’<strong>m not<\/strong> hungry.<\/span>\n <span>I’<strong>m<\/strong> 32 years old. My sister <strong>is<\/strong> 29.<\/span>\n <span>Tom <strong>isn’t<\/strong> interested in politics. He’<strong>s<\/strong> interested in music.<\/span>\n <span>Steve <strong>is<\/strong> sick. He’<strong>s<\/strong> in bed.<\/span>\n <span>Jane <strong>isn’t<\/strong> a teacher. She’<strong>s<\/strong> a student.<\/span>\n <span>My brother <strong>is<\/strong> afraid of dogs.<\/span>\n <span>Those people <strong>aren’t<\/strong> Canadian. They’<strong>re<\/strong> Australian.<\/span>\n <\/div>\n\n \n <div class=\"shortcut-note\">\n \ud83d\udca1 <strong>Note:<\/strong> \n <strong>that’s<\/strong> = that <strong>is<\/strong> \u00b7 \n <strong>there’s<\/strong> = there <strong>is<\/strong> \u00b7 \n <strong>here’s<\/strong> = here <strong>is<\/strong><br>\n “Thank you. That’s very nice of you.” \u00b7 “Look! There’s Chris.” \u00b7 “Here’s your key.”\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.1<\/div>\n <h3>Write the short form <em style=\"font-weight:400;opacity:.85\">(she’s \/ we aren’t, etc.)<\/em><\/h3>\n <\/div>\n <div class=\"ex-body\">\n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">she is<\/span>\n <input class=\"aw-input-text\" data-id=\"1_1\" data-answer=\"she's\" placeholder=\"\u2026\" style=\"width:110px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">they are<\/span>\n <input class=\"aw-input-text\" data-id=\"1_2\" data-answer=\"they're\" placeholder=\"\u2026\" style=\"width:110px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">it is not<\/span>\n <input class=\"aw-input-text\" data-id=\"1_3\" data-answer=\"it isn't\/it's not\" placeholder=\"\u2026\" style=\"width:120px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">that is<\/span>\n <input class=\"aw-input-text\" data-id=\"1_4\" data-answer=\"that's\" placeholder=\"\u2026\" style=\"width:110px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">I am not<\/span>\n <input class=\"aw-input-text\" data-id=\"1_5\" data-answer=\"i'm not\" placeholder=\"\u2026\" style=\"width:110px\">\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">you are not<\/span>\n <input class=\"aw-input-text\" data-id=\"1_6\" data-answer=\"you aren't\/you're not\" placeholder=\"\u2026\" style=\"width:130px\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.2<\/div>\n <h3>Write <em style=\"font-weight:700\">am<\/em>, <em style=\"font-weight:700\">is<\/em>, or <em style=\"font-weight:700\">are<\/em><\/h3>\n <\/div>\n <div class=\"ex-body\">\n \n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">The weather\n <input class=\"aw-input-text\" data-id=\"2_1\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n nice today.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">I\n <input class=\"aw-input-text\" data-id=\"2_2\" data-answer=\"am\" placeholder=\"\" style=\"width:60px\">\n not rich.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">This bag\n <input class=\"aw-input-text\" data-id=\"2_3\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n heavy.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">These bags\n <input class=\"aw-input-text\" data-id=\"2_4\" data-answer=\"are\" placeholder=\"\" style=\"width:60px\">\n heavy.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">Look! There\n <input class=\"aw-input-text\" data-id=\"2_5\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n Carol.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">My brother and I\n <input class=\"aw-input-text\" data-id=\"2_6\" data-answer=\"are\" placeholder=\"\" style=\"width:60px\">\n good tennis players.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">7.<\/span>\n <span class=\"item-text\">Amy\n <input class=\"aw-input-text\" data-id=\"2_7\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n at home. Her children\n <input class=\"aw-input-text\" data-id=\"2_8\" data-answer=\"are\" placeholder=\"\" style=\"width:60px\">\n at school.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">8.<\/span>\n <span class=\"item-text\">I\n <input class=\"aw-input-text\" data-id=\"2_9\" data-answer=\"am\" placeholder=\"\" style=\"width:60px\">\n a taxi driver. My sister\n <input class=\"aw-input-text\" data-id=\"2_10\" data-answer=\"is\" placeholder=\"\" style=\"width:60px\">\n a nurse.\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.3<\/div>\n <h3>Complete the sentences<\/h3>\n <\/div>\n <div class=\"ex-body\">\n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">Steve is sick.\n <input class=\"aw-input-text\" data-id=\"3_1\" data-answer=\"he's\" placeholder=\"He's \/ He is\" style=\"width:110px\">\n in bed.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">I’m not hungry, but\n <input class=\"aw-input-text\" data-id=\"3_2\" data-answer=\"i'm\/i am\" placeholder=\"I'm \/ I am\" style=\"width:110px\">\n thirsty.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">Mr. Thomas is a very old man.\n <input class=\"aw-input-text\" data-id=\"3_3\" data-answer=\"he's\/he is\" placeholder=\"He's \u2026\" style=\"width:120px\">\n 98.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">These chairs aren’t beautiful, but\n <input class=\"aw-input-text\" data-id=\"3_4\" data-answer=\"they're\/they are\" placeholder=\"they're \u2026\" style=\"width:130px\">\n comfortable.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">The weather is nice today.\n <input class=\"aw-input-text\" data-id=\"3_5\" data-answer=\"it's\/it is\" placeholder=\"It's \u2026\" style=\"width:110px\">\n warm and sunny.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">”\n <input class=\"aw-input-text\" data-id=\"3_6\" data-answer=\"you're\/you are\" placeholder=\"You're \u2026\" style=\"width:120px\">\n late.” “No, I’m not. I’m early!”\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">7.<\/span>\n <span class=\"item-text\">Catherine isn’t at home.\n <input class=\"aw-input-text\" data-id=\"3_7\" data-answer=\"she's\/she is\" placeholder=\"She's \u2026\" style=\"width:120px\">\n at work.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">8.<\/span>\n <span class=\"item-text\">”\n <input class=\"aw-input-text\" data-id=\"3_8\" data-answer=\"here's\/here is\" placeholder=\"Here's \u2026\" style=\"width:120px\">\n your coat.” “Oh, thank you very much.”\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.4<\/div>\n <h3>Choose the correct form<\/h3>\n <\/div>\n <div class=\"ex-body\">\n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">I\n <select class=\"aw-select\" data-id=\"4_1\" data-answer=\"am\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n a student at this university.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">Anna and Paul\n <select class=\"aw-select\" data-id=\"4_2\" data-answer=\"are\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n my best friends.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">She\n <select class=\"aw-select\" data-id=\"4_3\" data-answer=\"isn't\">\n <option value=\"\">\u2014<\/option>\n <option>am not<\/option><option>isn’t<\/option><option>aren’t<\/option>\n <\/select>\n at home right now.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">The books\n <select class=\"aw-select\" data-id=\"4_4\" data-answer=\"are\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n on the table.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">It\n <select class=\"aw-select\" data-id=\"4_5\" data-answer=\"is\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n 10:00. You’re late again.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">We\n <select class=\"aw-select\" data-id=\"4_6\" data-answer=\"aren't\">\n <option value=\"\">\u2014<\/option>\n <option>am not<\/option><option>isn’t<\/option><option>aren’t<\/option>\n <\/select>\n Canadian. We’re Australian.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">7.<\/span>\n <span class=\"item-text\">Tom\n <select class=\"aw-select\" data-id=\"4_7\" data-answer=\"isn't\">\n <option value=\"\">\u2014<\/option>\n <option>am not<\/option><option>isn’t<\/option><option>aren’t<\/option>\n <\/select>\n interested in politics. He’s interested in music.\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">8.<\/span>\n <span class=\"item-text\">My hands\n <select class=\"aw-select\" data-id=\"4_8\" data-answer=\"are\">\n <option value=\"\">\u2014<\/option>\n <option>am<\/option><option>is<\/option><option>are<\/option>\n <\/select>\n cold.\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ex-card\">\n <div class=\"ex-header\">\n <div class=\"ex-num\">1.5<\/div>\n <h3>Write <strong>true<\/strong> sentences \u2014 positive or negative. Use <em>is\/isn’t<\/em> or <em>are\/aren’t<\/em>.<\/h3>\n <\/div>\n <div class=\"ex-body\">\n <p style=\"font-size:.85rem;color:var(--slate-600);margin-bottom:12px\">\n Write a complete sentence using the cue. There may be more than one correct answer.\n <\/p>\n \n <div class=\"ex-item\">\n <span class=\"item-num\">1.<\/span>\n <span class=\"item-text\">(it \/ hot today) \n <input class=\"aw-input-text\" data-id=\"5_1\" data-answer=\"it is hot today\/it's hot today\/it isn't hot today\/it's not hot today\" placeholder=\"It \u2026\" style=\"width:240px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">2.<\/span>\n <span class=\"item-text\">(it \/ windy today) \n <input class=\"aw-input-text\" data-id=\"5_2\" data-answer=\"it is windy today\/it's windy today\/it isn't windy today\/it's not windy today\" placeholder=\"It \u2026\" style=\"width:240px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">3.<\/span>\n <span class=\"item-text\">(Brazil \/ a very big country) \n <input class=\"aw-input-text\" data-id=\"5_3\" data-answer=\"brazil is a very big country\" placeholder=\"Brazil \u2026\" style=\"width:280px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">4.<\/span>\n <span class=\"item-text\">(diamonds \/ cheap) \n <input class=\"aw-input-text\" data-id=\"5_4\" data-answer=\"diamonds aren't cheap\/diamonds are not cheap\" placeholder=\"Diamonds \u2026\" style=\"width:250px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">5.<\/span>\n <span class=\"item-text\">(Toronto \/ in the United States) \n <input class=\"aw-input-text\" data-id=\"5_5\" data-answer=\"toronto isn't in the united states\/toronto is not in the united states\" placeholder=\"Toronto \u2026\" style=\"width:300px\">\n <\/span>\n <\/div>\n\n <div class=\"ex-section-label\" style=\"margin-top:16px\">Write true sentences about yourself \u2014 positive or negative. Use <em>I’m \/ I’m not<\/em>.<\/div>\n\n <div class=\"ex-item\">\n <span class=\"item-num\">6.<\/span>\n <span class=\"item-text\">(tired) \n <input class=\"aw-input-text\" data-id=\"5_6\" data-answer=\"i'm tired\/i am tired\/i'm not tired\/i am not tired\" placeholder=\"I \u2026\" style=\"width:200px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">7.<\/span>\n <span class=\"item-text\">(hungry) \n <input class=\"aw-input-text\" data-id=\"5_7\" data-answer=\"i'm hungry\/i am hungry\/i'm not hungry\/i am not hungry\" placeholder=\"I \u2026\" style=\"width:200px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">8.<\/span>\n <span class=\"item-text\">(a good swimmer) \n <input class=\"aw-input-text\" data-id=\"5_8\" data-answer=\"i'm a good swimmer\/i am a good swimmer\/i'm not a good swimmer\/i am not a good swimmer\" placeholder=\"I \u2026\" style=\"width:240px\">\n <\/span>\n <\/div>\n <div class=\"ex-item\">\n <span class=\"item-num\">9.<\/span>\n <span class=\"item-text\">(interested in politics) \n <input class=\"aw-input-text\" data-id=\"5_9\" data-answer=\"i'm interested in politics\/i am interested in politics\/i'm not interested in politics\/i am not interested in politics\" placeholder=\"I \u2026\" style=\"width:280px\">\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"aw-wb-btn-row\">\n <button class=\"aw-btn-check\" id=\"btnCheck\">\u2705 Check Answers<\/button>\n <button class=\"aw-btn-show-answer\" id=\"btnShow\">\ud83d\udca1 Show Answers<\/button>\n <button class=\"aw-btn-retry\" id=\"btnRetry\">\ud83d\udd04 Try Again<\/button>\n <\/div>\n\n \n <div class=\"aw-wb-score\" id=\"scoreEl\"><\/div>\n\n<\/div>\n\n<script>\n(function(){\n 'use strict';\n\n \/* \u2500\u2500 Collect all graded elements \u2500\u2500 *\/\n function allInputs(){\n return document.querySelectorAll('.aw-input-text[data-id], .aw-select[data-id]');\n }\n\n \/* \u2500\u2500 Progress update \u2500\u2500 *\/\n function updateProgress(){\n var inputs = allInputs();\n var total = inputs.length, answered = 0;\n inputs.forEach(function(el){ if(el.value.trim()) answered++; });\n document.getElementById('progressFill').style.width =\n (total ? Math.round(answered\/total*100) : 0) + '%';\n }\n\n allInputs().forEach(function(el){\n el.addEventListener('input', updateProgress);\n el.addEventListener('change', updateProgress);\n });\n\n \/* \u2500\u2500 Client-side grade \u2500\u2500 *\/\n function grade(){\n var correct = 0, total = 0, results = {};\n allInputs().forEach(function(el){\n var id = el.dataset.id;\n var raw = el.dataset.answer || '';\n var accepted = raw.split('\/').map(function(a){ return a.trim().toLowerCase(); });\n var val = el.value.trim().toLowerCase();\n var ok = val !== '' && accepted.indexOf(val) >= 0;\n total++;\n if(ok) correct++;\n results[id] = { ok: ok, correct: raw.split('\/')[0] };\n });\n return { correct: correct, total: total, results: results };\n }\n\n \/* \u2500\u2500 Apply feedback \u2500\u2500 *\/\n function applyFeedback(results, finished){\n allInputs().forEach(function(el){\n var id = el.dataset.id;\n var fb = results[id];\n el.classList.remove('aw-correct','aw-incorrect');\n \/\/ remove old tips\n var parent = el.parentNode;\n var old = parent.querySelector('.aw-answer-tip[data-for=\"'+id+'\"]');\n if(old) old.remove();\n\n if(!fb) return;\n if(fb.ok){\n el.classList.add('aw-correct');\n } else {\n el.classList.add('aw-incorrect');\n if(finished){\n var tip = document.createElement('span');\n tip.className = 'aw-answer-tip';\n tip.dataset.for = id;\n tip.textContent = '\u2714 ' + fb.correct;\n el.insertAdjacentElement('afterend', tip);\n }\n }\n el.disabled = finished;\n });\n }\n\n \/* \u2500\u2500 Show answers \u2500\u2500 *\/\n function showAnswers(){\n allInputs().forEach(function(el){\n var raw = el.dataset.answer || '';\n var first = raw.split('\/')[0];\n el.value = first;\n el.classList.remove('aw-incorrect');\n el.classList.add('aw-correct');\n el.disabled = true;\n });\n updateProgress();\n document.getElementById('btnShow').disabled = true;\n document.getElementById('btnRetry').style.display = '';\n }\n\n \/* \u2500\u2500 Score display \u2500\u2500 *\/\n function showScore(correct, total){\n var pct = total ? Math.round(correct\/total*100) : 0;\n var emoji = pct >= 80 ? '\ud83c\udf89' : pct >= 50 ? '\ud83d\udc4d' : '\ud83d\udcda';\n var el = document.getElementById('scoreEl');\n el.style.display = 'flex';\n el.innerHTML =\n '<div class=\"aw-score-circle\" style=\"--pct:'+pct+'\">'+\n '<span class=\"aw-score-num\">'+pct+'%<\/span>'+\n '<\/div>'+\n '<div class=\"aw-score-text\">'+emoji+\n ' You got <strong>'+correct+'<\/strong> out of <strong>'+total+'<\/strong> correct.<\/div>';\n }\n\n \/* \u2500\u2500 Buttons \u2500\u2500 *\/\n document.getElementById('btnCheck').addEventListener('click', function(){\n var res = grade();\n applyFeedback(res.results, true);\n showScore(res.correct, res.total);\n this.disabled = true;\n document.getElementById('btnShow').disabled = true;\n document.getElementById('btnRetry').style.display = '';\n });\n\n document.getElementById('btnShow').addEventListener('click', function(){\n showAnswers();\n var res = grade();\n showScore(res.correct, res.total);\n document.getElementById('btnCheck').disabled = true;\n });\n\n document.getElementById('btnRetry').addEventListener('click', function(){\n allInputs().forEach(function(el){\n el.value = '';\n el.classList.remove('aw-correct','aw-incorrect');\n el.disabled = false;\n });\n document.querySelectorAll('.aw-answer-tip').forEach(function(t){ t.remove(); });\n document.getElementById('scoreEl').style.display = 'none';\n document.getElementById('btnCheck').disabled = false;\n document.getElementById('btnShow').disabled = false;\n document.getElementById('btnRetry').style.display = 'none';\n updateProgress();\n });\n\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Unit 1 \u2014 am \/ is \/ are Unit 1 am \/ is \/ are \ud83d\udcd6 Grammar Reference \u2014 am \/ is \/ are I‘m 22. I‘m not married. My name is Lisa. My favorite color is blue. I‘m American. I‘m from Chicago. My favorite sports are tennis and swimming. I‘m a student. I‘m interested […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-594","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/comments?post=594"}],"version-history":[{"count":2,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/594\/revisions"}],"predecessor-version":[{"id":596,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/594\/revisions\/596"}],"wp:attachment":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/media?parent=594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}