-
Выберите множитель:
-
+
√72
+
-
- √36 · √2 = 6 √2
-
-
+
Карточки множителей:
+
+
+
Следующая
+
+
`)}
@@ -2362,59 +2725,133 @@ function buildP4(){
setTimeout(()=>{ initDragSimp(); initConverter(); initFracIrr(); initCompare(); initSimp4(); }, 50);
}
-/* ──── Drag simplify (visual) ──── */
+/* ──── Drag simplify — pointer-based DnD ──── */
const DRAG_TASKS = [
{n:72, sq:36, rest:2}, {n:50, sq:25, rest:2}, {n:48, sq:16, rest:3},
{n:200, sq:100, rest:2}, {n:75, sq:25, rest:3}, {n:18, sq:9, rest:2},
{n:32, sq:16, rest:2}, {n:98, sq:49, rest:2}, {n:128, sq:64, rest:2},
];
let dragIdx = 0;
+let _dndState = null; // active drag
+
function initDragSimp(){
dragIdx = 0;
dragRender();
+ // global pointer handlers for ghost
+ window.addEventListener('pointermove', _dndMove);
+ window.addEventListener('pointerup', _dndDrop);
}
+
function dragRender(){
const t = DRAG_TASKS[dragIdx];
- document.getElementById('drag-q').textContent = '√' + t.n;
- // generate multipliers — true sq + some fakes
+ const qEl = document.getElementById('drag-q');
+ if(qEl) qEl.textContent = '√' + t.n;
+ // reset dropzone
+ const dz = document.getElementById('drag-dropzone');
+ if(dz) dz.innerHTML = '
? ';
+ const restEl = document.getElementById('drag-rest-num');
+ if(restEl) restEl.textContent = '?';
+ const resEl = document.getElementById('drag-result');
+ if(resEl) resEl.textContent = '';
+ // generate multipliers
const mults = new Set([t.sq]);
while(mults.size < 5){
- const m = [4, 9, 16, 25, 36, 49, 64, 81][Math.floor(Math.random()*8)];
+ const m = [4,9,16,25,36,49,64,81][Math.floor(Math.random()*8)];
if(t.n % m === 0) mults.add(m);
else if(mults.size < 3) mults.add(m);
}
const arr = [...mults].sort((a,b)=>a-b);
const g = document.getElementById('drag-mults');
+ if(!g) return;
g.innerHTML = '';
arr.forEach(m=>{
- const b = el('button', {class:'btn'}, m);
- b.addEventListener('click', ()=>dragPick(m, t, b));
- g.appendChild(b);
+ const card = document.createElement('div');
+ card.className = 'dnd-card';
+ card.textContent = String(m);
+ card.dataset.val = m;
+ // pointer down starts drag
+ card.addEventListener('pointerdown', e=>{
+ e.preventDefault();
+ _dndStart(e, card, m, t);
+ });
+ // click fallback for mobile/accessibility
+ card.addEventListener('click', ()=>{
+ if(!_dndState) dragPick(m, t, card);
+ });
+ g.appendChild(card);
});
- // reset visual
- document.getElementById('drag-out-a').textContent = '?';
- document.getElementById('drag-out-b').textContent = '?';
- document.getElementById('drag-out-num').textContent = '?';
- document.getElementById('drag-out-rad').textContent = '?';
document.getElementById('drag-fb').className = 'feedback';
}
-function dragPick(m, t, btn){
+
+function _dndStart(e, card, val, task){
+ const ghost = document.getElementById('dnd-ghost');
+ if(!ghost) return;
+ _dndState = { card, val, task };
+ card.classList.add('dragging-active');
+ ghost.textContent = val;
+ ghost.className = 'dnd-card';
+ ghost.style.display = 'flex';
+ ghost.style.left = e.clientX + 'px';
+ ghost.style.top = e.clientY + 'px';
+ card.setPointerCapture(e.pointerId);
+}
+
+function _dndMove(e){
+ if(!_dndState) return;
+ const ghost = document.getElementById('dnd-ghost');
+ if(ghost){ ghost.style.left = e.clientX + 'px'; ghost.style.top = e.clientY + 'px'; }
+ const dz = document.getElementById('drag-dropzone');
+ if(dz){
+ const r = dz.getBoundingClientRect();
+ const over = e.clientX >= r.left && e.clientX <= r.right && e.clientY >= r.top && e.clientY <= r.bottom;
+ dz.classList.toggle('over', over);
+ }
+}
+
+function _dndDrop(e){
+ if(!_dndState) return;
+ const ghost = document.getElementById('dnd-ghost');
+ if(ghost){ ghost.style.display = 'none'; }
+ _dndState.card.classList.remove('dragging-active');
+ const dz = document.getElementById('drag-dropzone');
+ let droppedOnZone = false;
+ if(dz){
+ const r = dz.getBoundingClientRect();
+ droppedOnZone = e.clientX >= r.left && e.clientX <= r.right && e.clientY >= r.top && e.clientY <= r.bottom;
+ dz.classList.remove('over');
+ }
+ if(droppedOnZone){
+ dragPick(_dndState.val, _dndState.task, _dndState.card);
+ }
+ _dndState = null;
+}
+
+function dragPick(m, t, card){
const fb = document.getElementById('drag-fb');
- if(t.n % m !== 0){ feedback(fb, false, m + ' не делит ' + t.n + ' нацело'); return; }
- const rest = t.n / m;
- if(m !== t.sq || rest !== t.rest){
- // valid but not optimal
- feedback(fb, false, '√' + t.n + ' = √(' + m + '·' + rest + ') = ' + Math.sqrt(m).toFixed(2) + '·√' + rest + '. Это не самый компактный вид.');
+ if(t.n % m !== 0){
+ if(card){ card.classList.add('wrong-dnd'); setTimeout(()=>card.classList.remove('wrong-dnd'),600); }
+ feedback(fb, false, m + ' не делит ' + t.n + ' нацело');
return;
}
- document.getElementById('drag-out-a').textContent = m;
- document.getElementById('drag-out-b').textContent = rest;
- document.getElementById('drag-out-num').textContent = Math.sqrt(m);
- document.getElementById('drag-out-rad').textContent = rest;
- btn.style.background='var(--ok)'; btn.style.color='#fff';
- feedback(fb, true, '✓ √' + t.n + ' = ' + Math.sqrt(m) + '√' + rest);
+ const rest = t.n / m;
+ if(m !== t.sq || rest !== t.rest){
+ if(card){ card.classList.add('wrong-dnd'); setTimeout(()=>card.classList.remove('wrong-dnd'),600); }
+ feedback(fb, false, '√'+t.n+' = √('+m+'·'+rest+') = '+Math.sqrt(m).toFixed(2)+'·√'+rest+'. Не самый компактный вид.');
+ return;
+ }
+ // correct!
+ const dz = document.getElementById('drag-dropzone');
+ if(dz){ dz.innerHTML = '
'+Math.sqrt(m)+' '; }
+ const restEl = document.getElementById('drag-rest-num');
+ if(restEl) restEl.textContent = rest;
+ const resEl = document.getElementById('drag-result');
+ if(resEl) resEl.innerHTML = '
✓ √'+t.n+' = '+Math.sqrt(m)+'√'+rest+' ';
+ if(card){ card.classList.add('correct-dnd'); }
+ feedback(fb, true, '✓ √'+t.n+' = '+Math.sqrt(m)+'√'+rest);
+ confetti();
bumpProgress('p4', 3);
}
+
function dragNext(){
dragIdx = (dragIdx + 1) % DRAG_TASKS.length;
dragRender();
@@ -2532,6 +2969,10 @@ let simp4State = { idx:0, score:0, cnt:0 };
function initSimp4(){
simp4State = { idx:0, score:0, cnt:0 };
simp4Render();
+ const ia = document.getElementById('simp4-a');
+ const ib = document.getElementById('simp4-b');
+ if(ia) liveCheck(ia, v=>{ const n=+v; if(isNaN(n)||!v) return null; const t=SIMP4_TASKS[simp4State.idx]; return n===t.a ? null : false; });
+ if(ib) liveCheck(ib, v=>{ const n=+v; if(isNaN(n)||!v) return null; const t=SIMP4_TASKS[simp4State.idx]; const a=+(document.getElementById('simp4-a').value); return (a===t.a && n===t.b) ? true : (n===t.b ? null : false); });
}
function simp4Render(){
const t = SIMP4_TASKS[simp4State.idx];
@@ -3527,7 +3968,20 @@ function buildFinal(){
${secNav('p6', null)}
`;
renderMath(body);
- setTimeout(()=>{ buildAssessment(); renderMath(body); }, 50);
+ setTimeout(()=>{
+ buildAssessment(); renderMath(body);
+ // liveCheck for practical tasks
+ const pr1 = document.getElementById('pr1-a');
+ if(pr1) liveCheck(pr1, v=>{ const n=+v; return isNaN(n)?null:n===26?true:false; });
+ const pr2 = document.getElementById('pr2-a');
+ if(pr2) liveCheck(pr2, v=>{ const n=+v; return isNaN(n)?null:n===81?true:false; });
+ // dec inputs
+ const decExpected = [5,18,21,8,2,1];
+ ['dec-1','dec-2','dec-3','dec-4','dec-5','dec-6'].forEach((id,i)=>{
+ const inp = document.getElementById(id);
+ if(inp) liveCheck(inp, v=>{ const n=+v; return isNaN(n)||!v?null:n===decExpected[i]?true:false; });
+ });
+ }, 50);
// Повторный рендер с задержкой — на случай если KaTeX ещё не успел подгрузиться
setTimeout(()=>renderMath(body), 300);
}