{"id":1427,"date":"2026-05-20T14:20:36","date_gmt":"2026-05-20T14:20:36","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1427"},"modified":"2026-05-20T17:03:43","modified_gmt":"2026-05-20T17:03:43","slug":"problemas-suma-y-resta","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1427","title":{"rendered":"Problemas suma y resta"},"content":{"rendered":"\n<div class=\"mathApp793d7a\">\n  <div class=\"card793d7a\">\n\n    <h2>Math Word Problems<\/h2>\n\n    <p class=\"subtitle793d7a\">\n      Practice addition and subtraction in English\n    <\/p>\n\n    <!-- LEVELS -->\n    <div class=\"levelBox793d7a\">\n\n      <button class=\"levelBtn793d7a active793d7a\" data-level=\"beginner\">\n        Beginner\n      <\/button>\n\n      <button class=\"levelBtn793d7a\" data-level=\"intermediate\">\n        Intermediate\n      <\/button>\n\n      <button class=\"levelBtn793d7a\" data-level=\"advanced\">\n        Advanced\n      <\/button>\n\n    <\/div>\n\n    <!-- PROGRESS -->\n    <div class=\"progressWrap793d7a\">\n      <div class=\"progressBar793d7a\" id=\"progress793d7a\"><\/div>\n    <\/div>\n\n    <div class=\"progressText793d7a\" id=\"progressText793d7a\">\n      Question 1 of 10\n    <\/div>\n\n    <!-- QUESTION -->\n    <div class=\"problemBox793d7a\">\n\n      <div class=\"keywordBox793d7a\">\n        <strong>Key Words:<\/strong>\n        <span id=\"keywords793d7a\"><\/span>\n      <\/div>\n\n      <div class=\"problem793d7a\" id=\"problem793d7a\"><\/div>\n\n      <input\n        type=\"number\"\n        id=\"answer793d7a\"\n        class=\"input793d7a\"\n        placeholder=\"Type your answer\"\n      >\n\n      <button class=\"hintBtn793d7a\" id=\"hintBtn793d7a\">\n        Show Hint\n      <\/button>\n\n      <button class=\"checkBtn793d7a\" id=\"checkBtn793d7a\">\n        Check Answer\n      <\/button>\n\n      <div class=\"feedback793d7a\" id=\"feedback793d7a\"><\/div>\n\n    <\/div>\n\n    <!-- SCORE -->\n    <div class=\"score793d7a\" id=\"score793d7a\">\n      Score: 0 \/ 0\n    <\/div>\n\n    <button\n      class=\"nextBtn793d7a\"\n      id=\"nextBtn793d7a\"\n      style=\"display:none;\"\n    >\n      Next Problem\n    <\/button>\n\n  <\/div>\n<\/div>\n\n<style>\n\n.mathApp793d7a{\n  font-family:Arial,sans-serif;\n  display:flex;\n  justify-content:center;\n  padding:20px;\n}\n\n.card793d7a{\n  width:100%;\n  max-width:760px;\n  background:white;\n  border-radius:20px;\n  padding:25px;\n  box-shadow:0 8px 25px rgba(0,0,0,0.15);\n  border-top:10px solid #793d7a;\n}\n\n.card793d7a h2{\n  text-align:center;\n  color:#793d7a;\n}\n\n.subtitle793d7a{\n  text-align:center;\n  color:#666;\n  margin-bottom:25px;\n}\n\n.levelBox793d7a{\n  display:flex;\n  gap:10px;\n  justify-content:center;\n  flex-wrap:wrap;\n  margin-bottom:20px;\n}\n\n.levelBtn793d7a{\n  padding:12px 18px;\n  border:none;\n  border-radius:12px;\n  background:#eee;\n  cursor:pointer;\n  font-weight:bold;\n  transition:0.3s;\n}\n\n.levelBtn793d7a:hover{\n  transform:scale(1.05);\n}\n\n.active793d7a{\n  background:#793d7a;\n  color:white;\n}\n\n.progressWrap793d7a{\n  width:100%;\n  height:22px;\n  background:#eee;\n  border-radius:20px;\n  overflow:hidden;\n  margin-bottom:10px;\n}\n\n.progressBar793d7a{\n  height:100%;\n  width:10%;\n  background:#793d7a;\n  transition:0.4s;\n}\n\n.progressText793d7a{\n  text-align:center;\n  font-weight:bold;\n  margin-bottom:25px;\n  color:#555;\n}\n\n.problemBox793d7a{\n  background:#faf7fa;\n  border-radius:18px;\n  padding:25px;\n}\n\n.keywordBox793d7a{\n  background:#f0dff0;\n  padding:12px;\n  border-radius:12px;\n  margin-bottom:20px;\n  color:#793d7a;\n  font-size:18px;\n}\n\n.problem793d7a{\n  font-size:26px;\n  line-height:1.7;\n  margin-bottom:25px;\n}\n\n.highlight793d7a{\n  color:#793d7a;\n  font-weight:bold;\n  background:#f4d8f4;\n  padding:2px 6px;\n  border-radius:6px;\n}\n\n.input793d7a{\n  width:100%;\n  padding:15px;\n  font-size:22px;\n  border-radius:12px;\n  border:2px solid #ccc;\n  margin-bottom:20px;\n  box-sizing:border-box;\n}\n\n.input793d7a:focus{\n  outline:none;\n  border-color:#793d7a;\n}\n\n.hintBtn793d7a{\n  width:100%;\n  padding:15px;\n  border:none;\n  border-radius:12px;\n  background:#e7d3e7;\n  color:#793d7a;\n  font-size:18px;\n  font-weight:bold;\n  cursor:pointer;\n  margin-bottom:15px;\n}\n\n.checkBtn793d7a,\n.nextBtn793d7a{\n  width:100%;\n  padding:15px;\n  border:none;\n  border-radius:12px;\n  background:#793d7a;\n  color:white;\n  font-size:18px;\n  font-weight:bold;\n  cursor:pointer;\n  transition:0.3s;\n}\n\n.checkBtn793d7a:hover,\n.nextBtn793d7a:hover{\n  transform:translateY(-2px);\n}\n\n.feedback793d7a{\n  margin-top:20px;\n  background:white;\n  border-radius:14px;\n  padding:18px;\n  line-height:1.8;\n  font-size:18px;\n}\n\n.hintBox793d7a{\n  background:#f8eef8;\n  border-left:5px solid #793d7a;\n  padding:15px;\n  border-radius:10px;\n}\n\n.good793d7a{\n  color:green;\n  font-size:22px;\n  font-weight:bold;\n}\n\n.bad793d7a{\n  color:crimson;\n  font-size:22px;\n  font-weight:bold;\n}\n\n.step793d7a{\n  margin-top:14px;\n}\n\n.score793d7a{\n  text-align:center;\n  font-size:22px;\n  margin-top:25px;\n  color:#793d7a;\n  font-weight:bold;\n}\n\n@media(max-width:600px){\n\n.problem793d7a{\n  font-size:22px;\n}\n\n.input793d7a{\n  font-size:20px;\n}\n\n}\n\n<\/style>\n\n<script>\n\nconst names793d7a = [\n\"Emma\",\"Liam\",\"Sophia\",\"Noah\",\"Mia\",\n\"Lucas\",\"Olivia\",\"Ethan\",\"Ava\",\"Leo\"\n];\n\nfunction rand793d7a(min,max){\nreturn Math.floor(Math.random()*(max-min+1))+min;\n}\n\nfunction name793d7a(){\nreturn names793d7a[rand793d7a(0,names793d7a.length-1)];\n}\n\nfunction make793d7a(\ntext,\nanswer,\nkeywords,\noperation,\nnumbers\n){\nreturn {\ntext,\nanswer,\nkeywords,\noperation,\nnumbers\n};\n}\n\nconst levels793d7a = {\n\nbeginner:[\n\n() => {\n\nlet a = rand793d7a(1,10);\nlet b = rand793d7a(1,10);\n\nreturn make793d7a(\n`${name793d7a()} has ${a} apples. ${name793d7a()} gets <span class=\"highlight793d7a\">more<\/span> ${b} apples. How many apples are there now?`,\na+b,\n[\"more\",\"gets\"],\n\"addition\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(5,20);\nlet b = rand793d7a(1,5);\n\nreturn make793d7a(\n`${name793d7a()} had ${a} candies. ${name793d7a()} gave <span class=\"highlight793d7a\">away<\/span> ${b} candies. How many candies are left?`,\na-b,\n[\"left\",\"gave away\"],\n\"subtraction\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(3,12);\nlet b = rand793d7a(3,12);\n\nreturn make793d7a(\n`There are ${a} birds in a tree. ${b} more birds come. How many birds are there <span class=\"highlight793d7a\">in all<\/span>?`,\na+b,\n[\"more\",\"in all\"],\n\"addition\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(10,20);\nlet b = rand793d7a(2,9);\n\nreturn make793d7a(\n`${name793d7a()} had ${a} stickers. ${b} stickers were <span class=\"highlight793d7a\">taken away<\/span>. How many stickers remain?`,\na-b,\n[\"taken away\",\"remain\"],\n\"subtraction\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(2,10);\nlet b = rand793d7a(2,10);\n\nreturn make793d7a(\n`${name793d7a()} has ${a} balloons. ${name793d7a()} gets ${b} <span class=\"highlight793d7a\">more<\/span> balloons. How many balloons are there now?`,\na+b,\n[\"more\",\"now\"],\n\"addition\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(8,15);\nlet b = rand793d7a(1,7);\n\nreturn make793d7a(\n`There were ${a} cookies on a plate. ${b} cookies were <span class=\"highlight793d7a\">eaten<\/span>. How many cookies are left?`,\na-b,\n[\"eaten\",\"left\"],\n\"subtraction\",\n[a,b]\n);\n\n}\n\n],\n\nintermediate:[\n\n() => {\n\nlet a = rand793d7a(20,50);\nlet b = rand793d7a(10,30);\n\nreturn make793d7a(\n`A store sold ${a} toys on Monday and ${b} toys on Tuesday. How many toys were sold <span class=\"highlight793d7a\">altogether<\/span>?`,\na+b,\n[\"altogether\",\"sold\"],\n\"addition\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(40,80);\nlet b = rand793d7a(10,25);\n\nreturn make793d7a(\n`${name793d7a()} had ${a} dollars. ${name793d7a()} spent ${b} dollars. How much money is left?`,\na-b,\n[\"spent\",\"left\"],\n\"subtraction\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(30,60);\nlet b = rand793d7a(10,30);\n\nreturn make793d7a(\n`${name793d7a()} read ${a} pages on Monday and ${b} pages on Tuesday. How many pages were read in total?`,\na+b,\n[\"total\",\"and\"],\n\"addition\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(50,90);\nlet b = rand793d7a(15,40);\n\nreturn make793d7a(\n`There were ${a} students in the gym. ${b} students went home. How many students are <span class=\"highlight793d7a\">left<\/span>?`,\na-b,\n[\"left\",\"went home\"],\n\"subtraction\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(25,70);\nlet b = rand793d7a(10,25);\n\nreturn make793d7a(\n`A library had ${a} books. The library bought ${b} <span class=\"highlight793d7a\">more<\/span> books. How many books does the library have now?`,\na+b,\n[\"more\",\"now\"],\n\"addition\",\n[a,b]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(60,100);\nlet b = rand793d7a(10,35);\n\nreturn make793d7a(\n`${name793d7a()} collected ${a} shells. ${b} shells were <span class=\"highlight793d7a\">lost<\/span>. How many shells remain?`,\na-b,\n[\"lost\",\"remain\"],\n\"subtraction\",\n[a,b]\n);\n\n}\n\n],\n\nadvanced:[\n\n() => {\n\nlet a = rand793d7a(120,250);\nlet b = rand793d7a(50,120);\nlet c = rand793d7a(20,80);\n\nreturn make793d7a(\n`A library had ${a} books. It bought ${b} new books and later donated ${c} books. How many books does the library have now?`,\na+b-c,\n[\"new books\",\"donated\"],\n\"mixed\",\n[a,b,c]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(150,400);\nlet b = rand793d7a(50,120);\nlet c = rand793d7a(30,80);\n\nreturn make793d7a(\n`There were ${a} people at a festival. ${b} more people arrived, but ${c} people left early. How many people are there now?`,\na+b-c,\n[\"more\",\"left\"],\n\"mixed\",\n[a,b,c]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(200,500);\nlet b = rand793d7a(50,150);\nlet c = rand793d7a(20,90);\n\nreturn make793d7a(\n`A farmer picked ${a} oranges. ${b} oranges were sold and ${c} oranges were eaten. How many oranges remain?`,\na-b-c,\n[\"sold\",\"remain\"],\n\"mixed\",\n[a,b,c]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(100,300);\nlet b = rand793d7a(40,90);\nlet c = rand793d7a(20,50);\n\nreturn make793d7a(\n`${name793d7a()} scored ${a} points in total. ${b} points were scored in the first game and ${c} in the second game. How many points were scored in the third game?`,\na-b-c,\n[\"total\",\"how many left\"],\n\"mixed\",\n[a,b,c]\n);\n\n},\n\n() => {\n\nlet a = rand793d7a(180,400);\nlet b = rand793d7a(30,90);\nlet c = rand793d7a(20,70);\n\nreturn make793d7a(\n`A zoo had ${a} visitors. ${b} more visitors arrived, but ${c} visitors left. How many visitors are at the zoo now?`,\na+b-c,\n[\"more\",\"left\"],\n\"mixed\",\n[a,b,c]\n);\n\n}\n\n]\n\n};\n\nlet level793d7a = \"beginner\";\nlet current793d7a;\nlet score793d7a = 0;\nlet total793d7a = 0;\nlet question793d7a = 1;\n\nconst problemEl793d7a = document.getElementById(\"problem793d7a\");\nconst answerEl793d7a = document.getElementById(\"answer793d7a\");\nconst feedbackEl793d7a = document.getElementById(\"feedback793d7a\");\nconst scoreEl793d7a = document.getElementById(\"score793d7a\");\nconst nextBtn793d7a = document.getElementById(\"nextBtn793d7a\");\nconst progress793d7a = document.getElementById(\"progress793d7a\");\nconst progressText793d7a = document.getElementById(\"progressText793d7a\");\nconst keywords793d7a = document.getElementById(\"keywords793d7a\");\nconst hintBtn793d7a = document.getElementById(\"hintBtn793d7a\");\n\nfunction newProblem793d7a(){\n\nlet arr = levels793d7a[level793d7a];\n\nlet randomProblem =\narr[rand793d7a(0,arr.length-1)]();\n\ncurrent793d7a = randomProblem;\n\nproblemEl793d7a.innerHTML =\nrandomProblem.text;\n\nkeywords793d7a.innerHTML =\nrandomProblem.keywords.join(\", \");\n\nanswerEl793d7a.value = \"\";\nfeedbackEl793d7a.innerHTML = \"\";\n\nnextBtn793d7a.style.display = \"none\";\n\nupdateProgress793d7a();\n\n}\n\nfunction updateProgress793d7a(){\n\nlet percent =\n(question793d7a \/ 10) * 100;\n\nprogress793d7a.style.width =\npercent + \"%\";\n\nprogressText793d7a.innerHTML =\n`Question ${question793d7a} of 10`;\n\n}\n\nhintBtn793d7a.addEventListener(\"click\",()=>{\n\nfeedbackEl793d7a.innerHTML = `\n\n<div class=\"hintBox793d7a\">\n\n&#x1f4a1; Look at the key words carefully.<br><br>\n\nWords like <strong>\"more\"<\/strong>,\n<strong>\"altogether\"<\/strong>,\nand <strong>\"in all\"<\/strong>\nusually mean <strong>ADD<\/strong>.<br><br>\n\nWords like <strong>\"left\"<\/strong>,\n<strong>\"spent\"<\/strong>,\nor <strong>\"gave away\"<\/strong>\nusually mean <strong>SUBTRACT<\/strong>.\n\n<\/div>\n\n`;\n\n});\n\ndocument.getElementById(\"checkBtn793d7a\")\n.addEventListener(\"click\",()=>{\n\nlet userAnswer =\nNumber(answerEl793d7a.value);\n\nif(answerEl793d7a.value===\"\"){\n\nfeedbackEl793d7a.innerHTML =\n`<div class=\"bad793d7a\">\n&#x26a0;&#xfe0f; Please type a number first.\n<\/div>`;\n\nreturn;\n\n}\n\ntotal793d7a++;\n\nif(userAnswer === current793d7a.answer){\n\nscore793d7a++;\n\nfeedbackEl793d7a.innerHTML = `\n\n<div class=\"good793d7a\">\n&#x2705; Great job!\n<\/div>\n\n<div class=\"step793d7a\">\nYou found the correct answer:\n<strong>${current793d7a.answer}<\/strong>\n<\/div>\n\n`;\n\n}else{\n\nfeedbackEl793d7a.innerHTML = `\n\n<div class=\"bad793d7a\">\n&#x274c; Not quite.\n<\/div>\n\n<div class=\"step793d7a\">\nCorrect answer:\n<strong>${current793d7a.answer}<\/strong>\n<\/div>\n\n`;\n\n}\n\nscoreEl793d7a.innerHTML =\n`Score: ${score793d7a} \/ ${total793d7a}`;\n\nnextBtn793d7a.style.display = \"block\";\n\n});\n\nnextBtn793d7a.addEventListener(\"click\",()=>{\n\nquestion793d7a++;\n\nif(question793d7a > 10){\n\nproblemEl793d7a.innerHTML =\n\"&#x1f389; You finished the game!\";\n\nkeywords793d7a.innerHTML = \"-\";\n\nfeedbackEl793d7a.innerHTML =\n`Final Score: ${score793d7a} \/ 10`;\n\nanswerEl793d7a.style.display = \"none\";\n\ndocument.getElementById(\"checkBtn793d7a\")\n.style.display = \"none\";\n\nhintBtn793d7a.style.display = \"none\";\n\nnextBtn793d7a.innerHTML = \"Play Again\";\n\nnextBtn793d7a.style.display = \"block\";\n\nnextBtn793d7a.onclick = ()=>{\n\nscore793d7a = 0;\ntotal793d7a = 0;\nquestion793d7a = 1;\n\nscoreEl793d7a.innerHTML =\n\"Score: 0 \/ 0\";\n\nanswerEl793d7a.style.display = \"block\";\n\ndocument.getElementById(\"checkBtn793d7a\")\n.style.display = \"block\";\n\nhintBtn793d7a.style.display = \"block\";\n\nnextBtn793d7a.innerHTML =\n\"Next Problem\";\n\nnextBtn793d7a.onclick = null;\n\nnewProblem793d7a();\n\n};\n\nreturn;\n\n}\n\nnewProblem793d7a();\n\n});\n\ndocument.querySelectorAll(\".levelBtn793d7a\")\n.forEach(btn=>{\n\nbtn.addEventListener(\"click\",()=>{\n\ndocument.querySelectorAll(\".levelBtn793d7a\")\n.forEach(b=>b.classList.remove(\"active793d7a\"));\n\nbtn.classList.add(\"active793d7a\");\n\nlevel793d7a = btn.dataset.level;\n\nscore793d7a = 0;\ntotal793d7a = 0;\nquestion793d7a = 1;\n\nscoreEl793d7a.innerHTML =\n\"Score: 0 \/ 0\";\n\nnewProblem793d7a();\n\n});\n\n});\n\nnewProblem793d7a();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Math Word Problems Practice addition and subtraction in English Beginner Intermediate Advanced Question 1 of 10 Key Words: Show Hint Check Answer Score: 0 \/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1427","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1427"}],"version-history":[{"count":4,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1427\/revisions"}],"predecessor-version":[{"id":1448,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1427\/revisions\/1448"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}