Kiki 日日�?· �?�?/title> <style> :root{--ink:#2e5b4a;--deep:#23463a;--soft:#3d7a62;--bg:#eef4ef;--line:#cfe0d4;--warm:#f2f7f2;--white:#fff;--green:#2e9e58;--red:#e0665a;--yellow:#f3b53f;} *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;} body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:linear-gradient(160deg,#e6f2ea,#eef4ef 55%,#dcebe2);color:var(--deep);min-height:100vh;padding:14px 12px 40px;} .wrap{max-width:680px;margin:0 auto;} header{text-align:center;padding:12px 8px 4px;} header h1{font-size:25px;color:var(--deep);letter-spacing:1px;} header .sub{color:var(--soft);font-size:13px;margin-top:5px;} .bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 8px;} .pill{padding:8px 14px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--soft);font-size:13px;cursor:pointer;transition:.15s;} .pill.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:bold;} .pill:hover{transform:translateY(-1px);} .modes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 8px;} .mode{padding:9px 16px;border-radius:11px;border:2px solid var(--line);background:#fff;color:var(--soft);font-size:14px;cursor:pointer;transition:.15s;} .mode.on{background:var(--deep);border-color:var(--deep);color:#fff;font-weight:bold;} .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 24px rgba(46,91,74,.12);margin-top:12px;} .topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:var(--soft);} .progress{flex:1;height:10px;background:var(--line);border-radius:6px;overflow:hidden;margin:0 12px;} .progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--soft),var(--ink));transition:width .3s;} .stat b{color:var(--ink);font-size:16px;} .q{text-align:center;} .emoji{font-size:62px;line-height:1;margin:6px 0 2px;} .cn{font-size:29px;font-weight:bold;color:var(--deep);} .tone{font-size:12px;color:#8aa697;margin-top:6px;} .slots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:18px 0 8px;min-height:50px;} .slot{width:40px;height:50px;border:2px dashed var(--line);border-radius:10px;font-size:26px;font-weight:bold;color:var(--ink);display:flex;align-items:center;justify-content:center;background:var(--warm);transition:.15s;} .slot.filled{border-style:solid;border-color:var(--soft);background:#fff;} .slot.ok{background:#e6f7ec;border-color:var(--green);color:var(--green);} .slot.bad{background:#fdecea;border-color:var(--red);color:var(--red);animation:shake .35s;} @keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}} .tiles{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:12px 0 4px;} .tile{width:44px;height:52px;border-radius:10px;border:2px solid var(--soft);background:#fff;font-size:26px;font-weight:bold;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.12s;box-shadow:0 3px 0 rgba(46,91,74,.2);} .tile:hover{transform:translateY(-2px);} .tile.used{opacity:.16;pointer-events:none;} .typebox{display:flex;justify-content:center;gap:10px;align-items:center;margin:16px 0 8px;flex-wrap:wrap;} #txt{width:min(330px,78%);height:52px;border:2px solid var(--soft);border-radius:11px;font-size:25px;text-align:center;color:var(--ink);outline:none;text-transform:lowercase;} #txt:focus{border-color:var(--ink);} .opts{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:14px 0 6px;} .opt{min-width:96px;padding:11px 16px;border-radius:11px;border:2px solid var(--soft);background:#fff;font-size:18px;font-weight:bold;color:var(--ink);cursor:pointer;transition:.12s;} .opt:hover{transform:translateY(-2px);} .opt.win{background:#e6f7ec;border-color:var(--green);color:var(--green);} .opt.lose{background:#fdecea;border-color:var(--red);color:var(--red);} .opt:disabled{pointer-events:none;} .sent{font-size:19px;line-height:2;color:var(--deep);text-align:center;padding:6px 4px;} .sent .blankline{display:inline-block;min-width:90px;border-bottom:2px solid var(--deep);height:22px;vertical-align:bottom;} .ansrow{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px;} .chk{display:flex;align-items:center;gap:10px;background:var(--warm);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14px;color:var(--deep);} .chk .lbl{color:var(--soft);font-weight:bold;white-space:nowrap;} .chk .ans{color:var(--deep);} .answer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px;} .btn{padding:11px 21px;border:none;border-radius:11px;font-size:15px;cursor:pointer;font-weight:bold;transition:.15s;} .btn:active{transform:translateY(1px);} .btn-primary{background:var(--ink);color:#fff;} .btn-ghost{background:var(--bg);color:var(--soft);} .btn-yellow{background:var(--yellow);color:#5b4400;} .btn:disabled{opacity:.4;cursor:not-allowed;} .feed{text-align:center;min-height:32px;font-size:16px;font-weight:bold;margin:10px 0 0;} .feed.good{color:var(--green);} .feed.bad{color:var(--red);} .result{text-align:center;padding:8px 0;} .result .big{font-size:52px;} .result h2{font-size:23px;margin:8px 0;} .stars{font-size:38px;letter-spacing:5px;margin:4px 0;} .scoreline{color:var(--soft);font-size:15px;margin-bottom:16px;} .hint{text-align:center;min-height:20px;font-size:13px;color:var(--soft);margin-top:4px;} footer{text-align:center;color:#9db7a8;font-size:12px;margin-top:22px;} </style> <script src="report.js"></script> </head> <body> <div class="wrap"> <header> <h1>🦾 Kiki 日日�?· �?�?/h1> <div class="sub">拼写 · 听写 · 选词 · 变身�?/div> </header> <div class="bar" id="daybar"></div> <div class="modes" id="modebar"></div> <div class="card" id="card"></div> </div> <footer>Kiki · 日日�?· �?周线上版</footer> <script> // ---------- 数据 ---------- const D=["forget|\u5fd8\u8bb0|\ud83d\ude35|\u5251\u4e09","lose|\u4e22\u5931|\ud83d\ude2d|\u5251\u4e09","break|\u6253\u7834|\ud83d\udc94|\u5251\u4e09","plant|\u79cd\u690d|\ud83c\udf31|\u5251\u4e8c","collect|\u6536\u96c6|\ud83d\uddc2\ufe0f|\u5251\u4e8c","pen|\u94a2\u7b14|\ud83d\udd8a\ufe0f|\u5251\u4e00","finish|\u5b8c\u6210|\u2705|\u5251\u4e09","visit|\u53c2\u89c2|\ud83c\udfdb\ufe0f|\u5251\u4e09","ride|\u9a91|\ud83d\udeb4|\u5251\u4e09","cook|\u505a\u996d|\ud83c\udf73|\u5251\u4e8c","clean|\u6253\u626b|\ud83e\uddfd|\u5251\u4e8c","gift|\u793c\u7269|\ud83c\udf81|\u5251\u4e00","throw|\u6254|\ud83d\ude80|\u5251\u4e09","build|\u642d\u5efa|\ud83e\uddf1|\u5251\u4e09","grow|\u751f\u957f|\ud83c\udf3f|\u5251\u4e09","paint|\u753b\u753b|\ud83c\udfa8|\u5251\u4e8c","sing|\u5531\u6b4c|\ud83c\udfa4|\u5251\u4e8c","cake|\u86cb\u7cd5|\ud83c\udf70|\u5251\u4e00","drive|\u9a7e\u9a76|\ud83d\ude97|\u5251\u4e09","write|\u5199|\u270d\ufe0f|\u5251\u4e09","teach|\u6559|\ud83d\udc69\u200d\ud83c\udfeb|\u5251\u4e09","postcard|\u660e\u4fe1\u7247|\ud83d\udcee|\u5251\u4e8c","letter|\u4fe1|\u2709\ufe0f|\u5251\u4e8c","coat|\u5916\u5957|\ud83e\udde5|\u5251\u4e00","catch|\u6293\u4f4f|\ud83c\udfa3|\u5251\u4e09","send|\u5bc4\u51fa|\ud83d\udce4|\u5251\u4e09","find|\u627e\u5230|\ud83d\udd0d|\u5251\u4e09","kite|\u98ce\u7b5d|\ud83e\ude81|\u5251\u4e8c","butterfly|\u8774\u8776|\ud83e\udd8b|\u5251\u4e8c","hat|\u5e3d\u5b50|\ud83c\udfa9|\u5251\u4e00","become|\u53d8\u6210|\ud83c\udf1f|\u5251\u4e09","know|\u8ba4\u8bc6|\ud83e\udde0|\u5251\u4e09","fly|\u98de|\ud83e\udd85|\u5251\u4e09","lemonade|\u67e0\u6aac\u6c34|\ud83c\udf4b|\u5251\u4e8c","key|\u94a5\u5319|\ud83d\udd11|\u5251\u4e8c","cat|\u732b|\ud83d\udc31|\u5251\u4e00","meet|\u9047\u89c1|\ud83e\udd1d|\u5251\u4e09","take|\u62cd\u6444|\ud83d\udcf8|\u5251\u4e09","speak|\u8bf4\u8bdd|\ud83d\udde3\ufe0f|\u5251\u4e09","rain|\u4e0b\u96e8|\ud83c\udf27\ufe0f|\u5251\u4e8c","present|\u793c\u7269|\ud83c\udf80|\u5251\u4e8c","shoe|\u978b|\ud83d\udc5f|\u5251\u4e00"]; const WORDS={ 1:[["forget", "\u5fd8\u8bb0", "\ud83d\ude35", "\u5251\u4e09"],["lose", "\u4e22\u5931", "\ud83d\ude2d", "\u5251\u4e09"],["break", "\u6253\u7834", "\ud83d\udc94", "\u5251\u4e09"],["plant", "\u79cd\u690d", "\ud83c\udf31", "\u5251\u4e8c"],["collect", "\u6536\u96c6", "\ud83d\uddc2\ufe0f", "\u5251\u4e8c"],["pen", "\u94a2\u7b14", "\ud83d\udd8a\ufe0f", "\u5251\u4e00"]], 2:[["finish", "\u5b8c\u6210", "\u2705", "\u5251\u4e09"],["visit", "\u53c2\u89c2", "\ud83c\udfdb\ufe0f", "\u5251\u4e09"],["ride", "\u9a91", "\ud83d\udeb4", "\u5251\u4e09"],["cook", "\u505a\u996d", "\ud83c\udf73", "\u5251\u4e8c"],["clean", "\u6253\u626b", "\ud83e\uddfd", "\u5251\u4e8c"],["gift", "\u793c\u7269", "\ud83c\udf81", "\u5251\u4e00"]], 3:[["throw", "\u6254", "\ud83d\ude80", "\u5251\u4e09"],["build", "\u642d\u5efa", "\ud83e\uddf1", "\u5251\u4e09"],["grow", "\u751f\u957f", "\ud83c\udf3f", "\u5251\u4e09"],["paint", "\u753b\u753b", "\ud83c\udfa8", "\u5251\u4e8c"],["sing", "\u5531\u6b4c", "\ud83c\udfa4", "\u5251\u4e8c"],["cake", "\u86cb\u7cd5", "\ud83c\udf70", "\u5251\u4e00"]], 4:[["drive", "\u9a7e\u9a76", "\ud83d\ude97", "\u5251\u4e09"],["write", "\u5199", "\u270d\ufe0f", "\u5251\u4e09"],["teach", "\u6559", "\ud83d\udc69\u200d\ud83c\udfeb", "\u5251\u4e09"],["postcard", "\u660e\u4fe1\u7247", "\ud83d\udcee", "\u5251\u4e8c"],["letter", "\u4fe1", "\u2709\ufe0f", "\u5251\u4e8c"],["coat", "\u5916\u5957", "\ud83e\udde5", "\u5251\u4e00"]], 5:[["catch", "\u6293\u4f4f", "\ud83c\udfa3", "\u5251\u4e09"],["send", "\u5bc4\u51fa", "\ud83d\udce4", "\u5251\u4e09"],["find", "\u627e\u5230", "\ud83d\udd0d", "\u5251\u4e09"],["kite", "\u98ce\u7b5d", "\ud83e\ude81", "\u5251\u4e8c"],["butterfly", "\u8774\u8776", "\ud83e\udd8b", "\u5251\u4e8c"],["hat", "\u5e3d\u5b50", "\ud83c\udfa9", "\u5251\u4e00"]], 6:[["become", "\u53d8\u6210", "\ud83c\udf1f", "\u5251\u4e09"],["know", "\u8ba4\u8bc6", "\ud83e\udde0", "\u5251\u4e09"],["fly", "\u98de", "\ud83e\udd85", "\u5251\u4e09"],["lemonade", "\u67e0\u6aac\u6c34", "\ud83c\udf4b", "\u5251\u4e8c"],["key", "\u94a5\u5319", "\ud83d\udd11", "\u5251\u4e8c"],["cat", "\u732b", "\ud83d\udc31", "\u5251\u4e00"]], 7:[["meet", "\u9047\u89c1", "\ud83e\udd1d", "\u5251\u4e09"],["take", "\u62cd\u6444", "\ud83d\udcf8", "\u5251\u4e09"],["speak", "\u8bf4\u8bdd", "\ud83d\udde3\ufe0f", "\u5251\u4e09"],["rain", "\u4e0b\u96e8", "\ud83c\udf27\ufe0f", "\u5251\u4e8c"],["present", "\u793c\u7269", "\ud83c\udf80", "\u5251\u4e8c"],["shoe", "\u978b", "\ud83d\udc5f", "\u5251\u4e00"]], }; const SENTS={ 1:["I have {target} my keys.","She has {target} to bring the book.","He has {target} his new phone.","We have {target} flowers in the garden.","They have {target} many shells.","I can't find my {target}."], 2:["She has {target} her homework.","We have {target} the museum.","He has {target} his bike to school.","Mum has {target} a big dinner.","They have {target} the classroom.","I have bought a {target} for you."], 3:["He has {target} the ball far.","They have {target} a big sandcastle.","These flowers have {target} tall.","She has {target} a beautiful picture.","The girl has {target} a song.","Mum has made a {target} for me."], 4:["Dad has {target} his car today.","She has {target} a long letter.","Mr Li has {target} us English.","I have sent you a {target}.","He has read the {target}.","Have you put on your {target}?"], 5:["He has {target} a big fish.","She has {target} the email.","They have {target} a place to play.","We have flown a {target}.","I have seen a beautiful {target}.","Tom has lost his {target}."], 6:["She has {target} a good dancer.","We have {target} you for a long time.","The birds have {target} away.","Have you drunk the {target}?","He has found the {target}.","The {target} has drunk its milk."], 7:["I have {target} your mother.","She has {target} many photos.","He has {target} to the class.","It has {target} all day.","Grandma has sent us a {target}.","He has cleaned his {target}."], }; const TGTS={ 1:["lost","forgotten","broken","planted","collected","pen"], 2:["finished","visited","ridden","cooked","cleaned","gift"], 3:["thrown","built","grown","painted","sung","cake"], 4:["driven","written","taught","postcard","letter","coat"], 5:["caught","sent","found","kite","butterfly","hat"], 6:["become","known","flown","lemonade","key","cat"], 7:["met","taken","spoken","rained","present","shoes"], }; const TRANS={ 1:{"base":"He has lost his new pen.","neg":"He hasn't lost his new pen.","q":"Has he lost his new pen?"}, 2:{"base":"She has finished her homework.","neg":"She hasn't finished her homework.","q":"Has she finished her homework?"}, 3:{"base":"They have built a big sandcastle.","neg":"They haven't built a big sandcastle.","q":"Have they built a big sandcastle?"}, 4:{"base":"She has written a long letter.","neg":"She hasn't written a long letter.","q":"Has she written a long letter?"}, 5:{"base":"He has caught a big fish.","neg":"He hasn't caught a big fish.","q":"Has he caught a big fish?"}, 6:{"base":"She has become a good dancer.","neg":"She hasn't become a good dancer.","q":"Has she become a good dancer?"}, 7:{"base":"She has taken many photos.","neg":"She hasn't taken many photos.","q":"Has she taken many photos?"}}; const MODES=[["spell","字母拼写"],["type","听写"],["pick","选词填空"],["trans","变身�?]]; const $card=document.getElementById("card"); let st={day:"all",mode:"spell",q:null,i:0,total:0,score:0}; // ---------- 顶部筛�?---------- (function(){ const bar=document.getElementById("daybar"); bar.innerHTML=[["all","全部"],...Array.from({length:7},(_,i)=>[String(i+1),"Day "+(i+1)])].map(([v,t])=>`<button class="pill ${v==="all"?"on":""}" data-v="${v}">${t}</button>`).join(""); const mb=document.getElementById("modebar"); mb.innerHTML=MODES.map(([k,t])=>`<button class="mode ${k==="spell"?"on":""}" data-m="${k}">${t}</button>`).join(""); })(); document.getElementById("daybar").addEventListener("click",e=>{const p=e.target.closest(".pill");if(!p)return;document.querySelectorAll(".pill").forEach(x=>x.classList.toggle("on",x===p));st.day=p.dataset.v;start();}); document.getElementById("modebar").addEventListener("click",e=>{const m=e.target.closest(".mode");if(!m)return;document.querySelectorAll(".mode").forEach(x=>x.classList.toggle("on",x===m));st.mode=m.dataset.m;start();}); function pool(){ if(st.mode==="trans"){const days=st.day==="all"?[1,2,3,4,5,6,7]:[+st.day];return days.map(d=>({d,item:TRANS[d]}));} const days=st.day==="all"?[1,2,3,4,5,6,7]:[+st.day]; const items=[]; for(const d of days){WORDS[d].forEach((w,i)=>items.push({d,target:st.mode==="pick"?TGTS[d][i]:w[0],w}));} return shuffle(items); } function shuffle(a){a=a.slice();for(let i=a.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[a[i],a[j]]=[a[j],a[i]];}return a;} // ---------- 状�?渲染 ---------- function start(){st.q=pool();st.i=0;st.score=0;st.total=st.q.length;render();} function next(){st.i++;if(st.i>=st.q.length)return finish();render();} function finish(){score(st.q.length,st.score);} function render(){ if(st.i>=st.q.length)return finish(); const it=st.q[st.i]; const pct=st.total?Math.round(st.i/st.total*100):0; const h=[`<div class="topline"><div class="stat">�?<b>${st.i+1}</b>/${st.total}</div><div class="progress"><i style="width:${pct}%"></i></div><div class="stat">得分 <b id="scoreb">${st.score}</b></div></div>`]; if(st.mode==="trans")h.push(transHTML(it)); else h.push(wordTop(it)); if(st.mode==="spell")h.push(spellBody(it)); else if(st.mode==="type")h.push(typeBody(it)); else if(st.mode==="pick")h.push(pickBody(it)); else if(st.mode==="trans")h.push(""); $card.innerHTML=h.join(""); if(st.mode==="type"){const t=document.getElementById("txt");if(t)t.focus();} } function wordTop(it){ return `<div class="q"><div class="emoji">${it.w[2]}</div><div class="cn">${it.w[1]}</div> <div class="tone">${st.mode==="spell"?"点选字母拼出单�?�?:"在框里打出这个英文单�?}</div></div>`; } // ---------- 拼写 ---------- function spellBody(it){ const w=it.w[0]; return `<div class="slots" id="slots">${w.split("").map(()=>`<div class="slot"></div>`).join("")}</div> <div class="tiles" id="tiles">${shuffle(w.split("")).map((c,i)=>`<button class="tile" data-i="${i}" data-c="${c}">${c}</button>`).join("")}</div> <div class="hint" id="hint"></div> <div class="answer"><button class="btn btn-ghost" data-a="hint">提示</button><button class="btn btn-ghost" data-a="rm">清空</button><button class="btn btn-primary" data-a="ok">确认</button></div> <div class="feed" id="feed"></div>`; } window.__spell={filled:[],used:[],tiles:null,attempts:0,hint:false}; $card.addEventListener("click",e=>{ const tile=e.target.closest(".tile"); if(tile&&st.mode==="spell"){ const i=+tile.dataset.i; if(window.__spell.used[i])return; window.__spell.used[i]=true;tile.classList.add("used"); window.__spell.filled.push(tile.dataset.c); paintSlots();const w=st.q[st.i].w[0]; if(window.__spell.filled.length===w.length&&!lock)checkSpell(); return; } const b=e.target.closest(".btn");if(!b)return; if(st.mode==="spell"){ if(b.dataset.a==="hint"&&!window.__spell.hint)spellHint(); else if(b.dataset.a==="rm")spellClear(); else if(b.dataset.a==="ok")checkSpell(); }else if(st.mode==="type"){ if(b.dataset.a==="ok")checkType(); } else if(st.mode==="pick"){ } }); function paintSlots(){ const w=st.q[st.i].w[0]; const has=document.getElementById("slots");if(!has)return; const slots=document.querySelectorAll("#slots .slot"); slots.forEach((s,i)=>{ if(i<window.__spell.filled.length){s.textContent=window.__spell.filled[i];s.classList.add("filled"); s.classList.toggle("ok",window.__spell.filled[i]===w[i]);s.classList.toggle("bad",window.__spell.filled[i]!==w[i]);} else{s.textContent="";s.classList.remove("filled","ok","bad");} }); } function spellClear(){window.__spell.filled=[];window.__spell.used=[];document.querySelectorAll(".tile").forEach(t=>t.classList.remove("used"));paintSlots();clearf("");} function spellHint(){ window.__spell.hint=true; const w=st.q[st.i].w[0];const target=w[window.__spell.filled.length]; const ts=document.querySelectorAll(".tile"); for(const t of ts){if(t.classList.contains("used"))continue;if(t.dataset.c===target){window.__spell.used[+t.dataset.i]=true;t.classList.add("used");window.__spell.filled.push(target);paintSlots();break;}} hinit("已用提示（本词扣2分）"); if(window.__spell.filled.length===w.length&&!lock)checkSpell(); } let lock=false; function checkSpell(){ if(lock)return; const w=st.q[st.i].w[0]; if(window.__spell.filled.join("")===w){ lock=true;const pts=10-(window.__spell.hint?2:0)-(window.__spell.attempts>0?5:0); st.score+=pts;goodf(`太棒了！+${pts} 分`); document.querySelectorAll(".btn").forEach(b=>b.disabled=true); document.querySelectorAll("#slots .slot").forEach(s=>s.classList.add("ok")); const it=st.q[st.i];scorepush(it,pts); setTimeout(()=>{lock=false;window.__spell={filled:[],used:[],tiles:null,attempts:0,hint:false};next();},1000); }else{ window.__spell.attempts++;badf("再试一次！"); window.__spell.filled=[];window.__spell.used=[]; document.querySelectorAll("#slots .slot").forEach(s=>s.classList.add("bad")); setTimeout(()=>{document.querySelectorAll(".tile").forEach(t=>t.classList.remove("used"));paintSlots();},380); } } // ---------- 听写 ---------- function typeBody(it){ return `<div class="typebox"><input id="txt" autocomplete="off" spellcheck="false"></div> <div class="hint" id="hint"></div> <div class="answer"><button class="btn btn-ghost" data-a="hint">提示</button><button class="btn btn-primary" data-a="ok">确认</button></div> <div class="feed" id="feed"></div>`; } $card.addEventListener("input",e=>{if(e.target.id!=="txt")return;const w=st.q[st.i].w[0];const slots=document.querySelectorAll("#slots .slot");const s=document.getElementById("txt");si.showSlots(s,w);}); window.si={showSlots:function(inp,w){const slots=document.querySelectorAll("#slots .slot");if(slots.length){slots.forEach((sl,i)=>{sl.textContent=inp.value[i]||"";sl.classList.toggle("filled",!!inp.value[i]);});}},rm:0,att:null}; $card.addEventListener("keydown",e=>{if(e.key==="Enter"&&!e.target.closest(".tile")){const b=$card.querySelector('.btn[data-a="ok"]');if(b)b.click();}}); function checkType(){ const inp=document.getElementById("txt");if(!inp)return; const w=st.q[st.i].w[0]; if(inp.value.trim().toLowerCase()===w){ goodf("拼对啦！+10 �?);const it=st.q[st.i];scorepush(it,10);st.score+=10; document.querySelectorAll(".btn").forEach(b=>b.disabled=true); setTimeout(next,900); }else{ badf("不对哦，再按一次重新输�?); } } // ---------- 选词填空 ---------- function pickBody(it){ const d=it.d;const sent=SENTS[d][TGTS[d].indexOf(it.target)]; const opts=shuffle([...new Set(TGTS[d])]); return `<div class="hint" style="min-height:8px"></div> <div class="sent">${sent.replace("{target}",`<span class="blankline"></span>`)}</div> <div class="opts">${opts.map(o=>`<button class="opt" data-c="${o}">${o}</button>`).join("")}</div> <div class="feed" id="feed"></div>`; } $card.addEventListener("click",e=>{ const o=e.target.closest(".opt"); if(o&&st.mode==="pick"){ const it=st.q[st.i]; document.querySelectorAll(".opt").forEach(x=>x.disabled=true); if(o.dataset.c===it.target){o.classList.add("win");goodf("选对啦！+10 �?);const pts=10;st.score+=10;scorepushPrefix(it,pts);setTimeout(next,900);} else{o.classList.add("lose");badf("再选一次～");const win=[...document.querySelectorAll(".opt")].find(x=>x.dataset.c===it.target);if(win)win.classList.add("win");setTimeout(next,1200);} } }); // ---------- 变身�?---------- function transHTML(it){ return `<div class="hint" style="min-height:8px"></div> <div class="sent" style="font-size:20px;font-weight:bold">${it.item.base}</div> <div class="ansrow"> <div class="chk" id="chkneg" onclick="revealT(this)"><span class="lbl">否定�?/span><span class="ans" id="neg" style="opacity:.2">点击展开答案</span></div> <div class="chk" id="chkq" onclick="revealT(this)"><span class="lbl">一般疑问句</span><span class="ans" id="qq" style="opacity:.2">点击展开答案</span></div> </div> <div class="hint">先自己说出来，再点开对答�?/div> <div class="answer"><button class="btn btn-primary" id="nextbtn" onclick="next()">下一�?/button></div> <div class="feed" id="feed"></div>`; } function revealT(el){ const it=st.q[st.i]; if(el.id==="chkneg"){const n=document.getElementById("neg");n.textContent=it.item.neg;n.style.opacity=1;} else{const q=document.getElementById("qq");q.textContent=it.item.q;q.style.opacity=1;} st.score+=3; const s=document.getElementById("scoreb");if(s)s.textContent=st.score; } function scorepush(it,pts){scorepushPrefix(it,it.mode);}function scorepushPrefix(it,pts){} function updateScore(){} // ---------- 通用反馈 ---------- function goodf(t){const f=document.getElementById("feed");if(f){f.className="feed good";f.textContent=t;}} function badf(t){const f=document.getElementById("feed");if(f){f.className="feed bad";f.textContent=t;}} function clearf(t){const f=document.getElementById("feed");if(f){f.className="feed";f.textContent="";}} function hinit(t){const h=document.getElementById("hint");if(h)h.textContent=t;} function score(total,score){ const ratio=total?score/(total*10):0; const stars=ratio>=0.9?"⭐⭐�?:ratio>=0.65?"⭐⭐":"�?; $card.innerHTML=`<div class="result"><div class="big">🎉</div><h2>完成�?/h2><div class="stars">${stars}</div><div class="scoreline">本组 ${total} �?· 得分 <b>${score}</b></div><button class="btn btn-primary" onclick="start()">再来一局</button></div>`; } start(); </script> <script src="report.js"></script> <script> (function(){ var STUDENT_LIST = ['Kiki']; function addStudentBox(){ if(document.getElementById('studentBox')) return; var head = document.querySelector('.head'); if(!head) return; var box = document.createElement('div'); box.id = 'studentBox'; box.className = 'stat'; box.style.marginTop = '12px'; head.parentNode.insertBefore(box, head.nextSibling); if(typeof renderStudentBox === 'function'){ renderStudentBox('studentBox', STUDENT_LIST); } } function detectEndAndReport(){ var endEl = document.getElementById('end'); if(!endEl) return; var reported = false; var observer = new MutationObserver(function(){ var display = endEl.style.display; if(display && display !== 'none' && !reported){ reported = true; setTimeout(function(){ reportGameScore(); }, 500); } }); observer.observe(endEl, { attributes:true, attributeFilter:['style'], childList:false }); } function reportGameScore(){ if(typeof reportScore !== 'function') return; var student = localStorage.getItem('rowe_student_name'); if(!student) return; var known = 0, total = 0; var endNote = document.getElementById('endNote'); if(endNote){ var text = endNote.textContent || ''; var totalMatch = text.match(/共\s*(\d+)\s*[题个]/); if(totalMatch) total = parseInt(totalMatch[1]); var starMatch = text.match(/[\u2b50\u2605]\s*(\d+)/); var scoreMatch = text.match(/得分\s*(\d+)/); if(starMatch) known = parseInt(starMatch[1]); else if(scoreMatch) known = parseInt(scoreMatch[1]); } if(!total || !known){ var starsEl = document.getElementById('stars'); var totalEl = document.getElementById('total') || document.getElementById('totalCards'); if(starsEl) known = parseInt(starsEl.textContent) || known; if(totalEl) total = parseInt(totalEl.textContent) || total; } var pageTitle = document.title || location.pathname.split('/').pop(); var gameName = pageTitle; var week = 'W?'; var wMatch = pageTitle.match(/W(\d+)/i); if(wMatch) week = 'W' + wMatch[1]; gameName = pageTitle.replace(/.*?W\d+\s*/i, '').replace(/^\u00b7\s*/, '').trim() || pageTitle; var s = document.getElementById('reportStatus'); if(!s && endNote){ var span = document.createElement('span'); span.id = 'reportStatus'; span.style.cssText = 'font-size:12px;color:var(--mm,#40916C);margin-top:6px;display:inline-block'; span.textContent = '... loading'; endNote.appendChild(document.createElement('br')); endNote.appendChild(span); s = span; } if(total <= 0){ if(s){ s.textContent = 'cannot detect score'; s.style.color = '#C0392B'; } return; } if(s){ s.textContent = 'submitting...'; } reportScore({ game:gameName, week:week, known:known, total:total }).then(function(r){ if(!s) return; if(r && r.ok){ s.textContent = 'submitted OK'; s.style.color = '#2D6A4F'; } else if(r && r.pending){ s.textContent = 'offline - will retry'; s.style.color = '#D4A017'; } else{ s.textContent = 'submit failed: ' + (r && r.error || 'unknown'); s.style.color = '#C0392B'; } }); } function init(){ addStudentBox(); detectEndAndReport(); } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', init); } else { init(); } })(); </script> </body> </html>