- AI School

Your homework question

<button class="hh-example-chip" type="button" data-example="What were the main causes of the French Revolution?">History question</button>
        <button class="hh-example-chip" type="button" data-example="Balance this chemical equation: C3H8 + O2 -> CO2 + H2O”>Balance equation</button>
        <button class="hh-example-chip" type="button" data-example="Identify the literary device in: 'The fog comes on little cat feet.'">Literary device</button>
        <button class="hh-example-chip" type="button" data-example="Summarize the plot structure of Shakespeare's Macbeth.">Plot summary</button>
      </div>
    </div>

<div class="hh-field">
      <label>How much help do you want?</label>
      <div class="hh-mode-row" id="hh-mode-row">
        <div class="hh-mode-option" data-mode="hint">
          <div class="hh-mode-name">Hints Only</div>
          <div class="hh-mode-desc">Guiding questions to help you think it through yourself — no answer given.</div>
        </div>
        <div class="hh-mode-option active" data-mode="guided">
          <div class="hh-mode-name">Step-By-Step Guide</div>
          <div class="hh-mode-desc">Full reasoning walked through, ending in the answer.</div>
        </div>
        <div class="hh-mode-option" data-mode="full">
          <div class="hh-mode-name">Full Explanation</div>
          <div class="hh-mode-desc">Answer up front, plus the complete reasoning behind it.</div>
        </div>
      </div>
    </div>

<div class="hh-row">
      <div class="hh-field">
        <label for="hh-subject">Subject</label>
        <select id="hh-subject">
          <option value="auto-detect" selected>Auto-detect</option>
          <option value="math">Math</option>
          <option value="science">Science</option>
          <option value="english / language arts">English / Language Arts</option>
          <option value="history / social studies">History / Social Studies</option>
          <option value="other">Other</option>
        </select>
      </div>
      <div class="hh-field">
        <label for="hh-level">Level</label>
        <select id="hh-level">
          <option value="middle school">Middle School</option>
          <option value="high school" selected>High School</option>
          <option value="college / undergraduate">College / Undergraduate</option>
        </select>
      </div>
    </div>

<div class="hh-output-wrap" id="hh-output-wrap">
      <div class="hh-output-head">
        <span class="hh-output-title">Your Explanation</span>
        <span class="hh-output-tools">
          <button id="hh-copy" type="button">Copy</button>
          <button id="hh-print" type="button">Print</button>
        </span>
      </div>
      <div id="hh-answer-content"></div>
    </div>
    <div class="hh-empty" id="hh-empty">Paste your question above, choose how much help you want, then click Help Me With This.</div>

<div class="hh-history" id="hh-history-wrap" style="display:none;">
      <label>Recent questions</label>
      <div id="hh-history-list"></div>
    </div>
  </div>
</div>

var STORE_HISTORY = 'homework-helper:history';
var API_URL = 'https://text.pollinations.ai/openai';
var MAX_HISTORY = 12;

var MODE_META = {
  hint: { label: 'Hints Only' },
  guided: { label: 'Step-By-Step' },
  full: { label: 'Full Explanation' }
};

var state = { history: [], current: null, mode: 'guided' };

function esc(s){ return String(s).replace(/[&<>"']/g, function(c){ return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]; }); }
function uid(){ return Math.random().toString(36).slice(2,10); }

async function loadState(){
  try{ var h = await window.storage.get(STORE_HISTORY, false); state.history = h ? JSON.parse(h.value) : []; }catch(e){ state.history = []; }
}
async function saveHistory(){ try{ await window.storage.set(STORE_HISTORY, JSON.stringify(state.history), false); }catch(e){ console.error('[hh-tool] save history failed', e); } }

async function callHelper(question, subject, level, mode){
  var payload = {
    model: 'openai',
    seed: Math.floor(Math.random()*1000000),
    response_format: { type: 'json_object' },
    messages: [
      { role: 'system', content: 'You are a homework helper that replies with strict JSON only, matching the exact schema given. Never include text outside the JSON object.' },
      { role: 'user', content: buildPrompt(question, subject, level, mode) }
    ]
  };
  var res = await fetch(API_URL, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(payload)
  });
  if(!res.ok){
    console.error('[hh-tool] API error status', res.status);
    throw new Error('The homework helper returned an error (status ' + res.status + '). Please try again.');
  }
  var data = await res.json();
  var raw = (data && data.choices && data.choices[0] && data.choices[0].message && data.choices[0].message.content) || '';
  if(!raw) throw new Error('The homework helper returned an empty response. Please try again.');
  var parsed = extractJSON(raw);
  if(!parsed.steps || !Array.isArray(parsed.steps) || parsed.steps.length === 0){
    throw new Error('Could not break this question down. Try rephrasing it or adding more detail.');
  }
  return parsed;
}

function stepHTML(step, idx){
  return '<div class="hh-step">' +
    '<div class="hh-step-head"><span class="hh-step-num">' + (idx+1) + '</span><span class="hh-step-title">' + esc(step.title || ('Step ' + (idx+1))) + '</span></div>' +
    '<div class="hh-step-body">' + esc(step.explanation || '') + '</div>' +
  '</div>';
}

function renderAnswer(question, result, mode){
  var content = document.getElementById('hh-answer-content');
  var level = document.getElementById('hh-level');
  var levelLabel = level.options[level.selectedIndex].text;
  var modeLabel = (MODE_META[mode] || {}).label || 'Step-By-Step';

var questionCard = '<div class="hh-question-card">' +
    '<div class="hh-question-label">Question</div>' +
    '<div class="hh-question-text">' + esc(result.restated_question || question) + '</div>' +
    '<div class="hh-question-tags">' +
      '<span class="hh-tag hh-tag-subject">' + esc(result.subject || 'Subject') + '</span>' +
      '<span class="hh-tag hh-tag-mode">' + esc(modeLabel) + '</span>' +
    '</div>' +
  '</div>';

var conceptHTML = result.key_concept ? '<div class="hh-concept-card">' +
    '<div class="hh-concept-label">Key Concept</div>' +
    '<div class="hh-concept-text">' + esc(result.key_concept) + '</div>' +
  '</div>' : '';

var stepsHTML = result.steps.map(function(s, i){ return stepHTML(s, i); }).join('');

var answerHTML = '';
  if(mode !== 'hint' && result.answer){
    var summaryHTML = result.explanation_summary ? '<div class="hh-answer-summary">' + esc(result.explanation_summary) + '</div>' : '';
    answerHTML = '<div class="hh-answer-card">' +
      '<div class="hh-answer-label">Answer</div>' +
      '<div class="hh-answer-text">' + esc(result.answer) + '</div>' +
      summaryHTML +
    '</div>';
  }

var mistakeHTML = result.common_mistake ? '<div class="hh-mistake-card">' +
    '<div class="hh-mistake-label">Watch Out For</div>' +
    '<div class="hh-mistake-text">' + esc(result.common_mistake) + '</div>' +
  '</div>' : '';

var tips = [result.study_tip].filter(Boolean);
  tips.push(mode === 'hint'
    ? 'Work through each hint in order before moving to the next — resist the urge to skip ahead.'
    : 'Re-do this problem on your own, without looking, to check it really stuck.');
  tips.push('If a step doesn\u2019t make sense, ask a follow-up question about just that step.');
  var tipsHTML = '<div class="hh-tips"><div class="hh-tips-title">Study Tips</div><ul>' +
    tips.map(function(t){ return '<li>' + esc(t) + '</li>'; }).join('') + '</ul></div>';

content.innerHTML = questionCard + conceptHTML + stepsHTML + answerHTML + mistakeHTML + tipsHTML;
}

function setMode(mode){
  state.mode = mode;
  document.querySelectorAll('.hh-mode-option').forEach(function(el){
    el.classList.toggle('active', el.getAttribute('data-mode') === mode);
  });
}

async function solve(){
  clearError();
  var question = document.getElementById('hh-question').value.trim();
  if(!question){ showError('Please enter a homework question.'); return; }

var subject = document.getElementById('hh-subject').value;
  var level = document.getElementById('hh-level').value;
  var mode = state.mode;

var btn = document.getElementById('hh-solve');
  btn.disabled = true;
  var iconEl = document.getElementById('hh-btn-icon');
  if(iconEl) iconEl.outerHTML = '<span class="hh-spinner" id="hh-btn-icon"></span>';
  setStatus('Working through it…');

var content = document.getElementById('hh-answer-content');
  document.getElementById('hh-empty').style.display = 'none';
  content.innerHTML = '<div class="hh-skel"></div><div class="hh-skel"></div><div class="hh-skel"></div>';
  document.getElementById('hh-output-wrap').classList.add('show');

try{
    var result = await callHelper(question, subject, level, mode);
    state.current = { id: uid(), question: question, mode: mode, result: result };
    state.history = state.history.filter(function(h){ return h.question !== question; });
    state.history.unshift(state.current);
    if(state.history.length > MAX_HISTORY) state.history = state.history.slice(0, MAX_HISTORY);
    await saveHistory();

renderAnswer(question, result, mode);
    renderHistory();
    setStatus('Done.');
    setTimeout(function(){ setStatus(''); }, 1800);
  }catch(err){
    console.error('[hh-tool] solve failed', err);
    document.getElementById('hh-output-wrap').classList.remove('show');
    document.getElementById('hh-empty').style.display = 'block';
    showError(err && err.message ? err.message : 'Something went wrong while working through this. Please try again.');
    setStatus('');
  }finally{
    btn.disabled = false;
    var icon = document.getElementById('hh-btn-icon');
    if(icon) icon.outerHTML = '<span id="hh-btn-icon">✎</span>';
    document.getElementById('hh-btn-text').textContent = 'Help Me With This';
  }
}

async function boot(){
  await loadState();
  renderHistory();

document.querySelectorAll('.hh-example-chip').forEach(function(el){
    el.addEventListener('click', function(){
      document.getElementById('hh-question').value = el.getAttribute('data-example');
      document.getElementById('hh-question').focus();
    });
  });

document.querySelectorAll('.hh-mode-option').forEach(function(el){
    el.addEventListener('click', function(){ setMode(el.getAttribute('data-mode')); });
  });

})();
</script>
</div></main>

<footer class="site-footer wp-block-template-part"></footer></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hostinger-ai-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Footer</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=IBM+Plex+Mono:wght@500&family=Inter:wght@400;500&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
html,body{overflow-x:hidden;}
body{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}

:root{
  --chalkboard:#1F3D2B;
  --chalkboard-deep:#15291D;
  --chalk:#F1EDE3;
  --highlighter:#F5C518;
}

/* ===== FOOTER ===== */
.site-footer{
  background:var(--chalkboard-deep);
  border-top:2px solid rgba(241,237,227,0.08);
  padding:48px 28px 32px;
}
.footer-inner{
  max-width:1180px;margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px 40px;
  align-items:start;
}

/* Brand block */
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.brand-mark{
  width:28px;height:28px;border-radius:4px;
  background:var(--highlighter);
  display:flex;align-items:center;justify-content:center;
  color:var(--chalkboard-deep);
  font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:0.8rem;
  transform:rotate(-4deg);flex:none;
}
.footer-brand-name{
  color:var(--chalk);font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:1rem;
}
.footer-tagline{
  color:rgba(241,237,227,0.45);font-size:0.83rem;line-height:1.5;
  max-width:280px;
}

/* Links */
.footer-links-wrap{
  display:flex;gap:48px;flex-wrap:wrap;
}
.footer-col h4{
  color:var(--chalk);font-family:'Space Grotesk',sans-serif;
  font-size:0.82rem;font-weight:600;letter-spacing:0.06em;
  text-transform:uppercase;margin-bottom:14px;opacity:0.6;
}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col ul li a{
  color:rgba(241,237,227,0.65);font-size:0.88rem;
  transition:color 0.15s;
}
.footer-col ul li a:hover{color:var(--highlighter);}

/* Bottom bar */
.footer-bottom{
  max-width:1180px;margin:32px auto 0;
  padding-top:22px;
  border-top:1px solid rgba(241,237,227,0.08);
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:12px;
  color:rgba(241,237,227,0.35);font-size:0.8rem;
  font-family:'IBM Plex Mono',monospace;
}
.footer-bottom a{color:rgba(241,237,227,0.45);}
.footer-bottom a:hover{color:var(--highlighter);}

@media (max-width:680px){
  .footer-inner{grid-template-columns:1fr;}
  .footer-links-wrap{gap:32px;}
  .site-footer{padding:40px 18px 28px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;}
}
</style>
</head>
<body>

<footer class="site-footer">
  <div class="footer-inner">
    <div>
      <div class="footer-brand">
        <div class="brand-mark">Ai</div>
        <span class="footer-brand-name">Ai School</span>
      </div>
      <p class="footer-tagline">20 AI-powered tools in one place — essays, flashcards, formulas, citations, and more.</p>
    </div>

<div class="footer-links-wrap">
      <div class="footer-col">
        <h4>Tools</h4>
        <ul>
          <li><a href="#writing">Writing & Language</a></li>
          <li><a href="#study">Study & Memory</a></li>
          <li><a href="#Math">Math & Science</a></li>
          <li><a href="#Help">Help & Research</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Company</h4>
        <ul>
          <li><a href="https://aischool24.com/about/">About</a></li>
          <li><a href="https://aischool24.com/blog">Blog</a></li>
          <li><a href="https://aischool24.com/contact/">Contact</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Legal</h4>
        <ul>
          <li><a href="https://aischool24.com/privacy-policy/">Privacy Policy</a></li>
        </ul>
      </div>
    </div>
  </div>

</body>
</html><script id="hostinger-reach-subscription-block-view-js-extra">
var hostinger_reach_subscription_block_data = {"endpoint":"https://aischool24.com/wp-json/hostinger-reach/v1/contact","nonce":"17b6b6490c","translations":{"thanks":"Thanks for subscribing.","error":"Something went wrong. Please try again."}};
//# sourceURL=hostinger-reach-subscription-block-view-js-extra
</script>
<script id="hostinger-reach-subscription-block-view-js" src="https://aischool24.com/wp-content/plugins/hostinger-reach/frontend/dist/blocks/subscription-view.js?ver=1782823385"></script>
<script id="wp-hooks-js" src="https://aischool24.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://aischool24.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="hostinger-ai-scripts-js" src="https://aischool24.com/wp-content/themes/hostinger-ai-theme/assets/js/front-scripts.min.js?ver=2.0.28"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://aischool24.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://aischool24.com/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
</html>

AI Homework Helper