{"id":1505,"date":"2026-05-25T18:16:42","date_gmt":"2026-05-25T18:16:42","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?p=1505"},"modified":"2026-05-25T19:52:52","modified_gmt":"2026-05-25T19:52:52","slug":"libros-de-la-biblia","status":"publish","type":"post","link":"https:\/\/cuentoskecuentan.com\/?p=1505","title":{"rendered":"Libros de la Biblia"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>Bible Books Quiz<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\n*{\n  box-sizing:border-box;\n}\n\nbody{\n  margin:0;\n  padding:20px;\n  background:#f7f2f7;\n  font-family:'Lato',sans-serif;\n}\n\n.app793d7a{\n  max-width:850px;\n  margin:auto;\n}\n\n.card793d7a{\n  background:white;\n  border-radius:28px;\n  padding:35px;\n  box-shadow:0 10px 30px rgba(0,0,0,0.12);\n  border-top:12px solid #793d7a;\n}\n\n\/* TITLE *\/\n\n.title793d7a{\n  text-align:center;\n  font-size:44px;\n  font-weight:900;\n  color:#793d7a;\n  margin-bottom:10px;\n}\n\n.subtitle793d7a{\n  text-align:center;\n  color:#666;\n  font-size:21px;\n  line-height:1.7;\n  margin-bottom:35px;\n}\n\n\/* TOP BAR *\/\n\n.top793d7a{\n  display:flex;\n  justify-content:space-between;\n  flex-wrap:wrap;\n  gap:15px;\n  margin-bottom:25px;\n}\n\n.info793d7a{\n  background:#f1e2f1;\n  color:#793d7a;\n  padding:14px 20px;\n  border-radius:18px;\n  font-size:22px;\n  font-weight:700;\n}\n\n\/* PROGRESS *\/\n\n.progressWrap793d7a{\n  width:100%;\n  height:22px;\n  background:#eee;\n  border-radius:20px;\n  overflow:hidden;\n  margin-bottom:30px;\n}\n\n.progress793d7a{\n  width:10%;\n  height:100%;\n  background:#793d7a;\n  transition:0.4s;\n}\n\n\/* GAME *\/\n\n.game793d7a{\n  background:#faf7fa;\n  border-radius:24px;\n  padding:30px;\n}\n\n.mode793d7a{\n  text-align:center;\n  background:#ead7ea;\n  color:#793d7a;\n  padding:18px;\n  border-radius:18px;\n  font-size:30px;\n  font-weight:900;\n  margin-bottom:30px;\n}\n\n.question793d7a{\n  text-align:center;\n  font-size:30px;\n  line-height:1.7;\n  color:#333;\n  margin-bottom:30px;\n}\n\n\/* OPTIONS *\/\n\n.options793d7a{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:18px;\n}\n\n.option793d7a{\n  background:white;\n  border:3px solid #ead7ea;\n  border-radius:18px;\n  padding:22px;\n  font-size:24px;\n  font-weight:700;\n  cursor:pointer;\n  transition:0.25s;\n  text-align:center;\n  color:#333;\n}\n\n.option793d7a:hover{\n  transform:translateY(-2px);\n  border-color:#793d7a;\n  background:#f9f1f9;\n}\n\n.selected793d7a{\n  background:#793d7a;\n  color:white;\n  border-color:#793d7a;\n}\n\n\/* BUTTONS *\/\n\n.controls793d7a{\n  margin-top:30px;\n  display:flex;\n  gap:15px;\n  flex-wrap:wrap;\n}\n\n.btn793d7a{\n  flex:1;\n  border:none;\n  border-radius:18px;\n  padding:18px;\n  font-size:22px;\n  font-weight:700;\n  font-family:'Lato',sans-serif;\n  cursor:pointer;\n}\n\n.hint793d7a{\n  background:#ead7ea;\n  color:#793d7a;\n}\n\n.check793d7a{\n  background:#793d7a;\n  color:white;\n}\n\n\/* FEEDBACK *\/\n\n.feedback793d7a{\n  margin-top:28px;\n  background:white;\n  border-radius:18px;\n  padding:22px;\n  min-height:90px;\n  font-size:23px;\n  line-height:1.8;\n}\n\n.good793d7a{\n  color:green;\n  font-size:30px;\n  font-weight:900;\n}\n\n.bad793d7a{\n  color:crimson;\n  font-size:30px;\n  font-weight:900;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:700px){\n\n.title793d7a{\n  font-size:34px;\n}\n\n.subtitle793d7a{\n  font-size:18px;\n}\n\n.mode793d7a{\n  font-size:24px;\n}\n\n.question793d7a{\n  font-size:24px;\n}\n\n.options793d7a{\n  grid-template-columns:1fr;\n}\n\n.option793d7a{\n  font-size:21px;\n}\n\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"app793d7a\">\n\n<div class=\"card793d7a\">\n\n<div class=\"title793d7a\">\nBible Books Quiz\n<\/div>\n\n<div class=\"subtitle793d7a\">\nChoose the correct book that comes next in the Bible.\nLearn all 66 books in a fun and simple way.\n<\/div>\n\n<div class=\"top793d7a\">\n\n<div class=\"info793d7a\"\nid=\"score793d7a\">\nScore: 0\n<\/div>\n\n<div class=\"info793d7a\"\nid=\"questionCount793d7a\">\nQuestion 1 \/ 10\n<\/div>\n\n<\/div>\n\n<div class=\"progressWrap793d7a\">\n\n<div class=\"progress793d7a\"\nid=\"progress793d7a\">\n<\/div>\n\n<\/div>\n\n<div class=\"game793d7a\">\n\n<div class=\"mode793d7a\">\nWhat Comes Next?\n<\/div>\n\n<div class=\"question793d7a\"\nid=\"question793d7a\">\nLoading&#8230;\n<\/div>\n\n<div class=\"options793d7a\"\nid=\"options793d7a\">\n<\/div>\n\n<div class=\"controls793d7a\">\n\n<button class=\"btn793d7a hint793d7a\"\nid=\"hintBtn793d7a\">\nShow Hint\n<\/button>\n\n<button class=\"btn793d7a check793d7a\"\nid=\"checkBtn793d7a\">\nCheck Answer\n<\/button>\n\n<\/div>\n\n<div class=\"feedback793d7a\"\nid=\"feedback793d7a\">\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<script>\n\nconst books793d7a = [\n\n\"Genesis\",\"Exodus\",\"Leviticus\",\"Numbers\",\"Deuteronomy\",\n\"Joshua\",\"Judges\",\"Ruth\",\"1 Samuel\",\"2 Samuel\",\n\"1 Kings\",\"2 Kings\",\"1 Chronicles\",\"2 Chronicles\",\n\"Ezra\",\"Nehemiah\",\"Esther\",\"Job\",\"Psalms\",\"Proverbs\",\n\"Ecclesiastes\",\"Song of Solomon\",\"Isaiah\",\"Jeremiah\",\n\"Lamentations\",\"Ezekiel\",\"Daniel\",\"Hosea\",\"Joel\",\"Amos\",\n\"Obadiah\",\"Jonah\",\"Micah\",\"Nahum\",\"Habakkuk\",\"Zephaniah\",\n\"Haggai\",\"Zechariah\",\"Malachi\",\"Matthew\",\"Mark\",\"Luke\",\n\"John\",\"Acts\",\"Romans\",\"1 Corinthians\",\"2 Corinthians\",\n\"Galatians\",\"Ephesians\",\"Philippians\",\"Colossians\",\n\"1 Thessalonians\",\"2 Thessalonians\",\"1 Timothy\",\n\"2 Timothy\",\"Titus\",\"Philemon\",\"Hebrews\",\"James\",\n\"1 Peter\",\"2 Peter\",\"1 John\",\"2 John\",\"3 John\",\n\"Jude\",\"Revelation\"\n\n];\n\nlet currentAnswer793d7a = \"\";\nlet currentIndex793d7a = 0;\nlet selected793d7a = \"\";\n\nlet score793d7a = 0;\nlet question793d7a = 1;\n\nconst questionEl793d7a =\ndocument.getElementById(\"question793d7a\");\n\nconst optionsEl793d7a =\ndocument.getElementById(\"options793d7a\");\n\nconst feedbackEl793d7a =\ndocument.getElementById(\"feedback793d7a\");\n\nconst scoreEl793d7a =\ndocument.getElementById(\"score793d7a\");\n\nconst questionCountEl793d7a =\ndocument.getElementById(\"questionCount793d7a\");\n\nconst progressEl793d7a =\ndocument.getElementById(\"progress793d7a\");\n\n\/* RANDOM *\/\n\nfunction rand793d7a(min,max){\n\nreturn Math.floor(\nMath.random()*(max-min+1)\n)+min;\n\n}\n\nfunction shuffle793d7a(arr){\n\nreturn [...arr].sort(\n()=>Math.random()-0.5\n);\n\n}\n\n\/* NEW QUESTION *\/\n\nfunction newQuestion793d7a(){\n\nfeedbackEl793d7a.innerHTML = \"\";\n\nselected793d7a = \"\";\n\noptionsEl793d7a.innerHTML = \"\";\n\ncurrentIndex793d7a =\nrand793d7a(0,books793d7a.length-2);\n\nlet currentBook =\nbooks793d7a[currentIndex793d7a];\n\ncurrentAnswer793d7a =\nbooks793d7a[currentIndex793d7a+1];\n\nquestionEl793d7a.innerHTML =\n\n`\nWhich book comes after\n<strong style=\"color:#793d7a;\">\n${currentBook}\n<\/strong>?\n`;\n\nlet options = [currentAnswer793d7a];\n\nwhile(options.length < 4){\n\nlet randomBook =\nbooks793d7a[\nrand793d7a(0,books793d7a.length-1)\n];\n\nif(!options.includes(randomBook)){\n\noptions.push(randomBook);\n\n}\n\n}\n\noptions = shuffle793d7a(options);\n\noptions.forEach(option=>{\n\nlet div =\ndocument.createElement(\"div\");\n\ndiv.className =\n\"option793d7a\";\n\ndiv.innerHTML = option;\n\ndiv.addEventListener(\n\"click\",\nfunction(){\n\ndocument.querySelectorAll(\n\".option793d7a\"\n).forEach(el=>\nel.classList.remove(\n\"selected793d7a\"\n)\n);\n\ndiv.classList.add(\n\"selected793d7a\"\n);\n\nselected793d7a = option;\n\n}\n);\n\noptionsEl793d7a.appendChild(div);\n\n});\n\nupdateProgress793d7a();\n\n}\n\n\/* CHECK *\/\n\ndocument.getElementById(\n\"checkBtn793d7a\"\n).addEventListener(\n\"click\",\nfunction(){\n\nif(selected793d7a===\"\"){\n\nfeedbackEl793d7a.innerHTML =\n\n`\n<div class=\"bad793d7a\">\n&#x26a0;&#xfe0f; Choose an answer first.\n<\/div>\n`;\n\nreturn;\n\n}\n\nif(selected793d7a===currentAnswer793d7a){\n\nscore793d7a++;\n\nfeedbackEl793d7a.innerHTML =\n\n`\n<div class=\"good793d7a\">\n&#x2705; Correct!\n<\/div>\n\n<div>\n${currentAnswer793d7a}\ncomes after\n${books793d7a[currentIndex793d7a]}.\n<\/div>\n`;\n\n}else{\n\nfeedbackEl793d7a.innerHTML =\n\n`\n<div class=\"bad793d7a\">\n&#x274c; Not quite.\n<\/div>\n\n<div>\nCorrect answer:\n<strong>\n${currentAnswer793d7a}\n<\/strong>\n<\/div>\n`;\n\n}\n\nscoreEl793d7a.innerHTML =\n`Score: ${score793d7a}`;\n\nsetTimeout(()=>{\n\nquestion793d7a++;\n\nif(question793d7a > 10){\n\ndocument.querySelector(\n\".game793d7a\"\n).innerHTML =\n\n`\n<div class=\"mode793d7a\">\n&#x1f389; Great Job!\n<\/div>\n\n<div class=\"question793d7a\">\nYou completed the Bible Books Quiz.\n<\/div>\n\n<div class=\"feedback793d7a\">\n\nFinal Score:\n<strong>\n${score793d7a} \/ 10\n<\/strong>\n\n<\/div>\n`;\n\nreturn;\n\n}\n\nnewQuestion793d7a();\n\n},2200);\n\n}\n);\n\n\/* HINT *\/\n\ndocument.getElementById(\n\"hintBtn793d7a\"\n).addEventListener(\n\"click\",\nfunction(){\n\nfeedbackEl793d7a.innerHTML =\n\n`\n&#x1f4a1; Think about famous sequences:\n\nGenesis \u2192 Exodus\n\nMatthew \u2192 Mark \u2192 Luke \u2192 John\n`;\n\n}\n);\n\n\/* PROGRESS *\/\n\nfunction updateProgress793d7a(){\n\nquestionCountEl793d7a.innerHTML =\n`Question ${question793d7a} \/ 10`;\n\nlet percent =\n(question793d7a\/10)*100;\n\nprogressEl793d7a.style.width =\npercent + \"%\";\n\n}\n\n\/* START *\/\n\nnewQuestion793d7a();\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bible Books Quiz Bible Books Quiz Choose the correct book that comes next in the Bible. Learn all 66 books in a fun and simple [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1505","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/1505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"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=1505"}],"version-history":[{"count":9,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/1505\/revisions"}],"predecessor-version":[{"id":1519,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/1505\/revisions\/1519"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}