{"id":1790,"date":"2026-08-31T04:15:17","date_gmt":"2026-08-31T04:15:17","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1790"},"modified":"2026-08-31T23:31:59","modified_gmt":"2026-08-31T23:31:59","slug":"week-1","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1790","title":{"rendered":"Week 1"},"content":{"rendered":"\n<div id=\"my-english-key-vocab\">\n\n<style>\n\n#my-english-key-vocab{\n  --purple:#4B169B;\n  --purple-dark:#35106F;\n  --purple-soft:#F7F3FC;\n  --purple-line:#D8C8EC;\n  --yellow:#F6B718;\n  --yellow-soft:#FFF8DF;\n  --gray:#5D5D5D;\n  --light-gray:#F7F7F7;\n\n  max-width:1000px;\n  margin:20px auto;\n  padding:26px;\n  background:#ffffff;\n  border:2px solid var(--purple);\n  border-radius:18px;\n  font-family:Arial, Helvetica, sans-serif;\n  color:#222;\n  box-sizing:border-box;\n}\n\n#my-english-key-vocab *{\n  box-sizing:border-box;\n}\n\n.mek-top-label{\n  text-align:right;\n  color:var(--purple);\n  font-size:13px;\n  font-weight:bold;\n  margin-bottom:6px;\n}\n\n.mek-title{\n  text-align:center;\n  color:var(--purple);\n  font-size:34px;\n  font-weight:900;\n  margin:5px 0 22px;\n  letter-spacing:.2px;\n}\n\n.mek-header-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr 1fr;\n  gap:14px;\n  margin-bottom:18px;\n}\n\n.mek-header-card{\n  border:2px solid var(--purple);\n  border-radius:15px;\n  padding:14px;\n  display:flex;\n  gap:12px;\n  align-items:center;\n  min-height:105px;\n}\n\n.mek-header-icon{\n  width:54px;\n  height:54px;\n  min-width:54px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:22px;\n  font-weight:900;\n}\n\n.mek-yellow{\n  background:var(--yellow);\n  color:white;\n}\n\n.mek-purple{\n  background:var(--purple);\n  color:white;\n}\n\n.mek-header-card h3{\n  margin:0 0 5px;\n  color:var(--purple);\n  font-size:19px;\n}\n\n.mek-header-card p{\n  margin:0;\n  line-height:1.35;\n  font-size:14px;\n}\n\n.mek-section{\n  border:2px solid var(--purple);\n  border-radius:16px;\n  padding:20px;\n  margin-top:17px;\n  background:#fff;\n}\n\n.mek-section-title{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:var(--purple);\n  font-size:22px;\n  font-weight:900;\n  margin-bottom:7px;\n}\n\n.mek-number{\n  width:37px;\n  height:37px;\n  min-width:37px;\n  border-radius:50%;\n  background:var(--purple);\n  color:white;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:20px;\n  font-weight:900;\n}\n\n.mek-instruction{\n  margin:5px 0 17px;\n  line-height:1.45;\n  font-size:15px;\n}\n\n\/* WORD BANK *\/\n\n.vocab-tabs{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-bottom:15px;\n}\n\n.vocab-tab{\n  border:2px solid var(--purple);\n  color:var(--purple);\n  background:white;\n  padding:8px 15px;\n  border-radius:22px;\n  cursor:pointer;\n  font-weight:bold;\n}\n\n.vocab-tab.active{\n  background:var(--purple);\n  color:white;\n}\n\n.vocab-list{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:9px;\n}\n\n.vocab-item{\n  background:var(--purple-soft);\n  border:1px solid var(--purple-line);\n  border-radius:11px;\n  padding:10px 12px;\n}\n\n.vocab-english{\n  color:var(--purple);\n  font-weight:bold;\n  font-size:16px;\n}\n\n.vocab-spanish{\n  display:block;\n  color:var(--gray);\n  font-size:14px;\n  margin-top:3px;\n}\n\n\n\/* ACTIVITIES *\/\n\n.challenge-box{\n  background:var(--purple-soft);\n  border:1.5px solid var(--purple-line);\n  border-radius:15px;\n  padding:22px;\n  text-align:center;\n}\n\n.progress{\n  font-size:14px;\n  color:var(--gray);\n  margin-bottom:12px;\n}\n\n.challenge-word{\n  color:var(--purple);\n  font-size:31px;\n  font-weight:900;\n  margin:17px 0 20px;\n}\n\n.challenge-prompt{\n  font-size:17px;\n  margin:10px 0;\n}\n\n.options{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  max-width:680px;\n  margin:15px auto;\n}\n\n.option-button{\n  border:2px solid var(--purple);\n  background:white;\n  color:var(--purple);\n  padding:11px 14px;\n  border-radius:22px;\n  cursor:pointer;\n  font-weight:bold;\n  font-size:15px;\n  transition:.15s;\n}\n\n.option-button:hover{\n  background:var(--purple-soft);\n}\n\n.option-button.correct{\n  background:var(--purple);\n  color:white;\n}\n\n.option-button.wrong{\n  border-color:var(--yellow);\n  background:var(--yellow-soft);\n  color:#555;\n}\n\n.feedback{\n  min-height:26px;\n  margin-top:10px;\n  color:var(--purple);\n  font-weight:bold;\n}\n\n.mek-button{\n  border:none;\n  background:var(--purple);\n  color:white;\n  padding:11px 24px;\n  border-radius:24px;\n  cursor:pointer;\n  font-weight:bold;\n  font-size:15px;\n  margin:5px;\n}\n\n.mek-button:hover{\n  background:var(--purple-dark);\n}\n\n.mek-button.secondary{\n  border:2px solid var(--purple);\n  background:white;\n  color:var(--purple);\n}\n\n.score-line{\n  display:flex;\n  justify-content:center;\n  gap:10px;\n  margin:15px 0;\n}\n\n.score-item{\n  border:1.5px solid var(--purple);\n  border-radius:12px;\n  padding:7px 15px;\n  color:var(--purple);\n  font-weight:bold;\n}\n\n\n\/* SPELLING *\/\n\n.spelling-input{\n  width:min(450px,90%);\n  padding:10px 5px;\n  border:none;\n  border-bottom:2px solid #777;\n  background:transparent;\n  text-align:center;\n  font-size:19px;\n  outline:none;\n}\n\n.spelling-input:focus{\n  border-bottom-color:var(--purple);\n}\n\n\n\/* PHRASES *\/\n\n.phrase-situation{\n  font-size:19px;\n  font-weight:bold;\n  color:var(--purple);\n  margin:18px 0;\n}\n\n\n\/* FINAL *\/\n\n.mek-final{\n  border:1.5px solid var(--yellow);\n  background:var(--yellow-soft);\n  border-radius:14px;\n  padding:15px 18px;\n  margin-top:18px;\n  display:flex;\n  align-items:center;\n  gap:12px;\n}\n\n.final-icon{\n  width:42px;\n  height:42px;\n  min-width:42px;\n  background:var(--yellow);\n  border-radius:50%;\n  color:white;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-weight:900;\n  font-size:20px;\n}\n\n@media(max-width:760px){\n\n  #my-english-key-vocab{\n    padding:14px;\n  }\n\n  .mek-header-grid{\n    grid-template-columns:1fr;\n  }\n\n  .vocab-list{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .options{\n    grid-template-columns:1fr;\n  }\n\n  .mek-title{\n    font-size:27px;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"mek-top-label\">\nMY ENGLISH KEY &#8211; 1\n<\/div>\n\n<div class=\"mek-title\">\nWEEK 1 VOCABULARY\n<\/div>\n\n\n<div class=\"mek-header-grid\">\n\n  <div class=\"mek-header-card\">\n\n    <div class=\"mek-header-icon mek-yellow\">\n      \u2713\n    <\/div>\n\n    <div>\n      <h3>My Goal<\/h3>\n      <p>I can understand and use Week 1 vocabulary.<\/p>\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"mek-header-card\">\n\n    <div class=\"mek-header-icon mek-purple\">\n      A\n    <\/div>\n\n    <div>\n      <h3>New Words<\/h3>\n      <p>Actions, colors, objects, classroom words and useful expressions.<\/p>\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"mek-header-card\">\n\n    <div class=\"mek-header-icon mek-purple\">\n      !\n    <\/div>\n\n    <div>\n      <h3>Most Important<\/h3>\n      <p>Understand the meaning before trying to memorize the word.<\/p>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- SECTION 1 -->\n\n<div class=\"mek-section\">\n\n  <div class=\"mek-section-title\">\n\n    <div class=\"mek-number\">1<\/div>\n\n    Learn the words.\n\n  <\/div>\n\n  <div class=\"mek-instruction\">\n    Select a group. Read the English word and its meaning in Spanish.\n  <\/div>\n\n  <div class=\"vocab-tabs\">\n\n    <button\n      class=\"vocab-tab active\"\n      onclick=\"showVocabulary('actions',this)\">\n      Actions\n    <\/button>\n\n    <button\n      class=\"vocab-tab\"\n      onclick=\"showVocabulary('colors',this)\">\n      Colors\n    <\/button>\n\n    <button\n      class=\"vocab-tab\"\n      onclick=\"showVocabulary('objects',this)\">\n      Words and objects\n    <\/button>\n\n    <button\n      class=\"vocab-tab\"\n      onclick=\"showVocabulary('classroom',this)\">\n      Classroom\n    <\/button>\n\n    <button\n      class=\"vocab-tab\"\n      onclick=\"showVocabulary('expressions',this)\">\n      Useful English\n    <\/button>\n\n  <\/div>\n\n  <div class=\"vocab-list\" id=\"vocabList\"><\/div>\n\n<\/div>\n\n\n\n<!-- SECTION 2 -->\n\n<div class=\"mek-section\">\n\n  <div class=\"mek-section-title\">\n\n    <div class=\"mek-number\">2<\/div>\n\n    English to Spanish.\n\n  <\/div>\n\n  <div class=\"mek-instruction\">\n    What does the English word mean?\n  <\/div>\n\n  <div class=\"challenge-box\">\n\n    <div\n      class=\"progress\"\n      id=\"englishProgress\">\n    <\/div>\n\n    <div\n      class=\"challenge-word\"\n      id=\"englishWord\">\n    <\/div>\n\n    <div\n      class=\"options\"\n      id=\"englishOptions\">\n    <\/div>\n\n    <div\n      class=\"feedback\"\n      id=\"englishFeedback\">\n    <\/div>\n\n    <button\n      class=\"mek-button\"\n      onclick=\"nextEnglishQuestion()\">\n      Next\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- SECTION 3 -->\n\n<div class=\"mek-section\">\n\n  <div class=\"mek-section-title\">\n\n    <div class=\"mek-number\">3<\/div>\n\n    Spanish to English.\n\n  <\/div>\n\n  <div class=\"mek-instruction\">\n    Choose the correct English word.\n  <\/div>\n\n  <div class=\"challenge-box\">\n\n    <div\n      class=\"progress\"\n      id=\"spanishProgress\">\n    <\/div>\n\n    <div\n      class=\"challenge-word\"\n      id=\"spanishWord\">\n    <\/div>\n\n    <div\n      class=\"options\"\n      id=\"spanishOptions\">\n    <\/div>\n\n    <div\n      class=\"feedback\"\n      id=\"spanishFeedback\">\n    <\/div>\n\n    <button\n      class=\"mek-button\"\n      onclick=\"nextSpanishQuestion()\">\n      Next\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- SECTION 4 -->\n\n<div class=\"mek-section\">\n\n  <div class=\"mek-section-title\">\n\n    <div class=\"mek-number\">4<\/div>\n\n    Listen and choose.\n\n  <\/div>\n\n  <div class=\"mek-instruction\">\n    Listen to the word in English. Choose its meaning in Spanish.\n  <\/div>\n\n  <div class=\"challenge-box\">\n\n    <div\n      class=\"progress\"\n      id=\"listeningProgress\">\n    <\/div>\n\n    <button\n      class=\"mek-button\"\n      onclick=\"listenToWord()\">\n      Listen\n    <\/button>\n\n    <div\n      class=\"options\"\n      id=\"listeningOptions\">\n    <\/div>\n\n    <div\n      class=\"feedback\"\n      id=\"listeningFeedback\">\n    <\/div>\n\n    <button\n      class=\"mek-button secondary\"\n      onclick=\"nextListeningQuestion()\">\n      Next\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- SECTION 5 -->\n\n<div class=\"mek-section\">\n\n  <div class=\"mek-section-title\">\n\n    <div class=\"mek-number\">5<\/div>\n\n    Write the word.\n\n  <\/div>\n\n  <div class=\"mek-instruction\">\n    Read the meaning in Spanish. Write the word in English.\n  <\/div>\n\n  <div class=\"challenge-box\">\n\n    <div\n      class=\"progress\"\n      id=\"spellingProgress\">\n    <\/div>\n\n    <div\n      class=\"challenge-word\"\n      id=\"spellingSpanish\">\n    <\/div>\n\n    <input\n      type=\"text\"\n      id=\"spellingInput\"\n      class=\"spelling-input\"\n      autocomplete=\"off\"\n      placeholder=\"Write in English\"\n      onkeydown=\"if(event.key==='Enter'){checkSpelling();}\"\n    >\n\n    <div style=\"margin-top:16px;\">\n\n      <button\n        class=\"mek-button\"\n        onclick=\"checkSpelling()\">\n        Check\n      <\/button>\n\n      <button\n        class=\"mek-button secondary\"\n        onclick=\"hearSpellingWord()\">\n        Listen\n      <\/button>\n\n      <button\n        class=\"mek-button secondary\"\n        onclick=\"nextSpellingQuestion()\">\n        Next\n      <\/button>\n\n    <\/div>\n\n    <div\n      class=\"feedback\"\n      id=\"spellingFeedback\">\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- SECTION 6 -->\n\n<div class=\"mek-section\">\n\n  <div class=\"mek-section-title\">\n\n    <div class=\"mek-number\">6<\/div>\n\n    Useful English.\n\n  <\/div>\n\n  <div class=\"mek-instruction\">\n    Choose the best expression for each situation.\n  <\/div>\n\n  <div class=\"challenge-box\">\n\n    <div\n      class=\"progress\"\n      id=\"phraseProgress\">\n    <\/div>\n\n    <div\n      class=\"phrase-situation\"\n      id=\"phraseSituation\">\n    <\/div>\n\n    <div\n      class=\"options\"\n      id=\"phraseOptions\">\n    <\/div>\n\n    <div\n      class=\"feedback\"\n      id=\"phraseFeedback\">\n    <\/div>\n\n    <button\n      class=\"mek-button\"\n      onclick=\"nextPhraseQuestion()\">\n      Next\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n\n<div class=\"mek-final\">\n\n  <div class=\"final-icon\">\n    \u2713\n  <\/div>\n\n  <div>\n    <strong>Before I continue:<\/strong>\n    I can recognize the word, understand its meaning,\n    hear it and write it correctly.\n  <\/div>\n\n<\/div>\n\n\n<\/div>\n\n\n<script>\n\n(function(){\n\nconst vocabulary = [\n\n\/* ACTIONS *\/\n\n{\n  en:\"say\",\n  es:\"decir\",\n  category:\"actions\"\n},\n{\n  en:\"sit\",\n  es:\"sentarse\",\n  category:\"actions\"\n},\n{\n  en:\"listen\",\n  es:\"escuchar\",\n  category:\"actions\"\n},\n{\n  en:\"stop\",\n  es:\"parar\",\n  category:\"actions\"\n},\n{\n  en:\"turn over\",\n  es:\"dar la vuelta\",\n  category:\"actions\"\n},\n{\n  en:\"give me\",\n  es:\"dame\",\n  category:\"actions\"\n},\n{\n  en:\"point to\",\n  es:\"se\u00f1alar\",\n  category:\"actions\"\n},\n{\n  en:\"know\",\n  es:\"saber\",\n  category:\"actions\"\n},\n{\n  en:\"understand\",\n  es:\"entender\",\n  category:\"actions\"\n},\n{\n  en:\"stand\",\n  es:\"ponerse de pie\",\n  category:\"actions\"\n},\n{\n  en:\"draw\",\n  es:\"dibujar\",\n  category:\"actions\"\n},\n{\n  en:\"running\",\n  es:\"corriendo\",\n  category:\"actions\"\n},\n{\n  en:\"talking\",\n  es:\"hablando\",\n  category:\"actions\"\n},\n{\n  en:\"fighting\",\n  es:\"peleando\",\n  category:\"actions\"\n},\n{\n  en:\"crying\",\n  es:\"llorando\",\n  category:\"actions\"\n},\n\n\n\/* COLORS *\/\n\n{\n  en:\"black\",\n  es:\"negro\",\n  category:\"colors\"\n},\n{\n  en:\"red\",\n  es:\"rojo\",\n  category:\"colors\"\n},\n{\n  en:\"yellow\",\n  es:\"amarillo\",\n  category:\"colors\"\n},\n{\n  en:\"blue\",\n  es:\"azul\",\n  category:\"colors\"\n},\n{\n  en:\"gray\",\n  es:\"gris\",\n  category:\"colors\"\n},\n{\n  en:\"pink\",\n  es:\"rosa\",\n  category:\"colors\"\n},\n{\n  en:\"brown\",\n  es:\"caf\u00e9\",\n  category:\"colors\"\n},\n{\n  en:\"green\",\n  es:\"verde\",\n  category:\"colors\"\n},\n{\n  en:\"purple\",\n  es:\"morado\",\n  category:\"colors\"\n},\n{\n  en:\"gold\",\n  es:\"dorado\",\n  category:\"colors\"\n},\n{\n  en:\"orange\",\n  es:\"naranja\",\n  category:\"colors\"\n},\n{\n  en:\"silver\",\n  es:\"plateado\",\n  category:\"colors\"\n},\n\n\n\/* OBJECTS AND WORDS *\/\n\n{\n  en:\"ark\",\n  es:\"arca\",\n  category:\"objects\"\n},\n{\n  en:\"ball\",\n  es:\"pelota\",\n  category:\"objects\"\n},\n{\n  en:\"cake\",\n  es:\"pastel\",\n  category:\"objects\"\n},\n{\n  en:\"mat\",\n  es:\"tapete\",\n  category:\"objects\"\n},\n{\n  en:\"jar\",\n  es:\"frasco\",\n  category:\"objects\"\n},\n{\n  en:\"fan\",\n  es:\"ventilador\",\n  category:\"objects\"\n},\n{\n  en:\"farm\",\n  es:\"granja\",\n  category:\"objects\"\n},\n{\n  en:\"rake\",\n  es:\"rastrillo\",\n  category:\"objects\"\n},\n{\n  en:\"train\",\n  es:\"tren\",\n  category:\"objects\"\n},\n{\n  en:\"car\",\n  es:\"auto\",\n  category:\"objects\"\n},\n{\n  en:\"gate\",\n  es:\"port\u00f3n\",\n  category:\"objects\"\n},\n{\n  en:\"harp\",\n  es:\"arpa\",\n  category:\"objects\"\n},\n{\n  en:\"rain\",\n  es:\"lluvia\",\n  category:\"objects\"\n},\n{\n  en:\"game\",\n  es:\"juego\",\n  category:\"objects\"\n},\n{\n  en:\"knees\",\n  es:\"rodillas\",\n  category:\"objects\"\n},\n{\n  en:\"lesson\",\n  es:\"lecci\u00f3n\",\n  category:\"objects\"\n},\n{\n  en:\"rule\",\n  es:\"regla\",\n  category:\"objects\"\n},\n{\n  en:\"same\",\n  es:\"igual\",\n  category:\"objects\"\n},\n{\n  en:\"different\",\n  es:\"diferente\",\n  category:\"objects\"\n},\n{\n  en:\"sorry\",\n  es:\"lo siento\",\n  category:\"objects\"\n},\n\n\n\/* CLASSROOM *\/\n\n{\n  en:\"boy\",\n  es:\"ni\u00f1o\",\n  category:\"classroom\"\n},\n{\n  en:\"girl\",\n  es:\"ni\u00f1a\",\n  category:\"classroom\"\n},\n{\n  en:\"circle\",\n  es:\"c\u00edrculo\",\n  category:\"classroom\"\n},\n{\n  en:\"square\",\n  es:\"cuadrado\",\n  category:\"classroom\"\n},\n{\n  en:\"line\",\n  es:\"l\u00ednea\",\n  category:\"classroom\"\n},\n{\n  en:\"ruler\",\n  es:\"regla\",\n  category:\"classroom\"\n},\n{\n  en:\"pencil\",\n  es:\"l\u00e1piz\",\n  category:\"classroom\"\n},\n{\n  en:\"eraser\",\n  es:\"borrador\",\n  category:\"classroom\"\n},\n{\n  en:\"marker\",\n  es:\"marcador\",\n  category:\"classroom\"\n},\n{\n  en:\"crayon\",\n  es:\"cray\u00f3n\",\n  category:\"classroom\"\n},\n{\n  en:\"restroom\",\n  es:\"ba\u00f1o\",\n  category:\"classroom\"\n},\n{\n  en:\"one\",\n  es:\"uno\",\n  category:\"classroom\"\n},\n{\n  en:\"two\",\n  es:\"dos\",\n  category:\"classroom\"\n},\n{\n  en:\"three\",\n  es:\"tres\",\n  category:\"classroom\"\n},\n{\n  en:\"four\",\n  es:\"cuatro\",\n  category:\"classroom\"\n},\n{\n  en:\"five\",\n  es:\"cinco\",\n  category:\"classroom\"\n}\n\n];\n\n\nconst expressions = [\n\n{\n  en:\"I don't know.\",\n  es:\"No s\u00e9.\"\n},\n{\n  en:\"Excuse me, I don't understand.\",\n  es:\"Disculpe, no entiendo.\"\n},\n{\n  en:\"Please say it again.\",\n  es:\"Por favor, d\u00edgalo otra vez.\"\n},\n{\n  en:\"Please.\",\n  es:\"Por favor.\"\n},\n{\n  en:\"Thank you.\",\n  es:\"Gracias.\"\n}\n\n];\n\n\n\nfunction shuffle(arr){\n\n  return [...arr].sort(\n    () => Math.random() - 0.5\n  );\n\n}\n\n\n\nfunction speak(text){\n\n  if(!(\"speechSynthesis\" in window)){\n    alert(\"Audio is not available in this browser.\");\n    return;\n  }\n\n  speechSynthesis.cancel();\n\n  const utterance =\n    new SpeechSynthesisUtterance(text);\n\n  utterance.lang = \"en-US\";\n  utterance.rate = .78;\n\n  speechSynthesis.speak(utterance);\n\n}\n\n\n\n\/* VOCABULARY BANK *\/\n\nwindow.showVocabulary =\nfunction(category,button){\n\n  document\n    .querySelectorAll(\n      \"#my-english-key-vocab .vocab-tab\"\n    )\n    .forEach(\n      b => b.classList.remove(\"active\")\n    );\n\n  if(button){\n    button.classList.add(\"active\");\n  }\n\n  const list =\n    document.getElementById(\"vocabList\");\n\n  list.innerHTML = \"\";\n\n  let items;\n\n  if(category === \"expressions\"){\n\n    items = expressions;\n\n  }else{\n\n    items =\n      vocabulary.filter(\n        item => item.category === category\n      );\n\n  }\n\n  items.forEach(item => {\n\n    const box =\n      document.createElement(\"div\");\n\n    box.className = \"vocab-item\";\n\n    box.innerHTML = `\n      <span class=\"vocab-english\">\n        ${item.en}\n      <\/span>\n\n      <span class=\"vocab-spanish\">\n        ${item.es}\n      <\/span>\n    `;\n\n    box.onclick =\n      () => speak(item.en);\n\n    box.style.cursor = \"pointer\";\n\n    list.appendChild(box);\n\n  });\n\n};\n\n\n\n\/* ENGLISH TO SPANISH *\/\n\nlet englishRound =\n  shuffle(vocabulary).slice(0,20);\n\nlet englishIndex = 0;\n\n\nfunction loadEnglish(){\n\n  if(\n    englishIndex >=\n    englishRound.length\n  ){\n\n    englishRound =\n      shuffle(vocabulary).slice(0,20);\n\n    englishIndex = 0;\n\n  }\n\n  const correct =\n    englishRound[englishIndex];\n\n  document.getElementById(\n    \"englishProgress\"\n  ).textContent =\n    \"Word \" +\n    (englishIndex + 1) +\n    \" of \" +\n    englishRound.length;\n\n  document.getElementById(\n    \"englishWord\"\n  ).textContent =\n    correct.en;\n\n  document.getElementById(\n    \"englishFeedback\"\n  ).textContent = \"\";\n\n  const wrong =\n    shuffle(\n      vocabulary.filter(\n        x => x.en !== correct.en\n      )\n    ).slice(0,3);\n\n  const options =\n    shuffle([correct,...wrong]);\n\n  const box =\n    document.getElementById(\n      \"englishOptions\"\n    );\n\n  box.innerHTML = \"\";\n\n  options.forEach(item => {\n\n    const button =\n      document.createElement(\"button\");\n\n    button.className =\n      \"option-button\";\n\n    button.textContent =\n      item.es;\n\n    button.onclick = function(){\n\n      if(item.en === correct.en){\n\n        button.classList.add(\n          \"correct\"\n        );\n\n        document.getElementById(\n          \"englishFeedback\"\n        ).textContent =\n          \"Correct!\";\n\n        speak(correct.en);\n\n      }else{\n\n        button.classList.add(\n          \"wrong\"\n        );\n\n        document.getElementById(\n          \"englishFeedback\"\n        ).textContent =\n          \"Try again.\";\n\n      }\n\n    };\n\n    box.appendChild(button);\n\n  });\n\n}\n\n\nwindow.nextEnglishQuestion =\nfunction(){\n\n  englishIndex++;\n\n  loadEnglish();\n\n};\n\n\n\n\/* SPANISH TO ENGLISH *\/\n\nlet spanishRound =\n  shuffle(vocabulary).slice(0,20);\n\nlet spanishIndex = 0;\n\n\nfunction loadSpanish(){\n\n  if(\n    spanishIndex >=\n    spanishRound.length\n  ){\n\n    spanishRound =\n      shuffle(vocabulary).slice(0,20);\n\n    spanishIndex = 0;\n\n  }\n\n  const correct =\n    spanishRound[spanishIndex];\n\n  document.getElementById(\n    \"spanishProgress\"\n  ).textContent =\n    \"Word \" +\n    (spanishIndex + 1) +\n    \" of \" +\n    spanishRound.length;\n\n  document.getElementById(\n    \"spanishWord\"\n  ).textContent =\n    correct.es;\n\n  document.getElementById(\n    \"spanishFeedback\"\n  ).textContent = \"\";\n\n  const wrong =\n    shuffle(\n      vocabulary.filter(\n        x => x.en !== correct.en\n      )\n    ).slice(0,3);\n\n  const options =\n    shuffle([correct,...wrong]);\n\n  const box =\n    document.getElementById(\n      \"spanishOptions\"\n    );\n\n  box.innerHTML = \"\";\n\n  options.forEach(item => {\n\n    const button =\n      document.createElement(\"button\");\n\n    button.className =\n      \"option-button\";\n\n    button.textContent =\n      item.en;\n\n    button.onclick = function(){\n\n      if(item.en === correct.en){\n\n        button.classList.add(\n          \"correct\"\n        );\n\n        document.getElementById(\n          \"spanishFeedback\"\n        ).textContent =\n          \"Correct!\";\n\n        speak(correct.en);\n\n      }else{\n\n        button.classList.add(\n          \"wrong\"\n        );\n\n        document.getElementById(\n          \"spanishFeedback\"\n        ).textContent =\n          \"Try again.\";\n\n      }\n\n    };\n\n    box.appendChild(button);\n\n  });\n\n}\n\n\nwindow.nextSpanishQuestion =\nfunction(){\n\n  spanishIndex++;\n\n  loadSpanish();\n\n};\n\n\n\n\/* LISTENING *\/\n\nlet listeningRound =\n  shuffle(vocabulary).slice(0,20);\n\nlet listeningIndex = 0;\n\n\nfunction loadListening(){\n\n  if(\n    listeningIndex >=\n    listeningRound.length\n  ){\n\n    listeningRound =\n      shuffle(vocabulary).slice(0,20);\n\n    listeningIndex = 0;\n\n  }\n\n  const correct =\n    listeningRound[listeningIndex];\n\n  document.getElementById(\n    \"listeningProgress\"\n  ).textContent =\n    \"Word \" +\n    (listeningIndex + 1) +\n    \" of \" +\n    listeningRound.length;\n\n  document.getElementById(\n    \"listeningFeedback\"\n  ).textContent = \"\";\n\n  const wrong =\n    shuffle(\n      vocabulary.filter(\n        x => x.en !== correct.en\n      )\n    ).slice(0,3);\n\n  const options =\n    shuffle([correct,...wrong]);\n\n  const box =\n    document.getElementById(\n      \"listeningOptions\"\n    );\n\n  box.innerHTML = \"\";\n\n  options.forEach(item => {\n\n    const button =\n      document.createElement(\"button\");\n\n    button.className =\n      \"option-button\";\n\n    button.textContent =\n      item.es;\n\n    button.onclick = function(){\n\n      if(item.en === correct.en){\n\n        button.classList.add(\n          \"correct\"\n        );\n\n        document.getElementById(\n          \"listeningFeedback\"\n        ).textContent =\n          \"Correct!\";\n\n      }else{\n\n        button.classList.add(\n          \"wrong\"\n        );\n\n        document.getElementById(\n          \"listeningFeedback\"\n        ).textContent =\n          \"Listen again.\";\n\n      }\n\n    };\n\n    box.appendChild(button);\n\n  });\n\n}\n\n\nwindow.listenToWord =\nfunction(){\n\n  speak(\n    listeningRound[\n      listeningIndex\n    ].en\n  );\n\n};\n\n\nwindow.nextListeningQuestion =\nfunction(){\n\n  listeningIndex++;\n\n  loadListening();\n\n};\n\n\n\n\/* SPELLING *\/\n\nlet spellingRound =\n  shuffle(vocabulary).slice(0,15);\n\nlet spellingIndex = 0;\n\n\nfunction loadSpelling(){\n\n  if(\n    spellingIndex >=\n    spellingRound.length\n  ){\n\n    spellingRound =\n      shuffle(vocabulary).slice(0,15);\n\n    spellingIndex = 0;\n\n  }\n\n  const item =\n    spellingRound[spellingIndex];\n\n  document.getElementById(\n    \"spellingProgress\"\n  ).textContent =\n    \"Word \" +\n    (spellingIndex + 1) +\n    \" of \" +\n    spellingRound.length;\n\n  document.getElementById(\n    \"spellingSpanish\"\n  ).textContent =\n    item.es;\n\n  document.getElementById(\n    \"spellingInput\"\n  ).value = \"\";\n\n  document.getElementById(\n    \"spellingFeedback\"\n  ).textContent = \"\";\n\n}\n\n\nwindow.checkSpelling =\nfunction(){\n\n  const answer =\n    document.getElementById(\n      \"spellingInput\"\n    ).value\n    .trim()\n    .toLowerCase();\n\n  const correct =\n    spellingRound[\n      spellingIndex\n    ].en.toLowerCase();\n\n  if(answer === correct){\n\n    document.getElementById(\n      \"spellingFeedback\"\n    ).textContent =\n      \"Correct spelling!\";\n\n    speak(correct);\n\n  }else{\n\n    document.getElementById(\n      \"spellingFeedback\"\n    ).textContent =\n      \"Check the word and try again.\";\n\n  }\n\n};\n\n\nwindow.hearSpellingWord =\nfunction(){\n\n  speak(\n    spellingRound[\n      spellingIndex\n    ].en\n  );\n\n};\n\n\nwindow.nextSpellingQuestion =\nfunction(){\n\n  spellingIndex++;\n\n  loadSpelling();\n\n};\n\n\n\n\/* EXPRESSIONS *\/\n\nlet phraseRound =\n  shuffle(expressions.concat(expressions));\n\nlet phraseIndex = 0;\n\n\nfunction loadPhrase(){\n\n  if(\n    phraseIndex >=\n    phraseRound.length\n  ){\n\n    phraseRound =\n      shuffle(expressions.concat(expressions));\n\n    phraseIndex = 0;\n\n  }\n\n  const correct =\n    phraseRound[phraseIndex];\n\n  document.getElementById(\n    \"phraseProgress\"\n  ).textContent =\n    \"Expression \" +\n    (phraseIndex + 1) +\n    \" of \" +\n    phraseRound.length;\n\n  document.getElementById(\n    \"phraseSituation\"\n  ).textContent =\n    correct.es;\n\n  document.getElementById(\n    \"phraseFeedback\"\n  ).textContent = \"\";\n\n  const wrong =\n    shuffle(\n      expressions.filter(\n        x => x.en !== correct.en\n      )\n    ).slice(0,3);\n\n  const options =\n    shuffle([correct,...wrong]);\n\n  const box =\n    document.getElementById(\n      \"phraseOptions\"\n    );\n\n  box.innerHTML = \"\";\n\n  options.forEach(item => {\n\n    const button =\n      document.createElement(\"button\");\n\n    button.className =\n      \"option-button\";\n\n    button.textContent =\n      item.en;\n\n    button.onclick = function(){\n\n      if(item.en === correct.en){\n\n        button.classList.add(\n          \"correct\"\n        );\n\n        document.getElementById(\n          \"phraseFeedback\"\n        ).textContent =\n          \"Correct!\";\n\n        speak(correct.en);\n\n      }else{\n\n        button.classList.add(\n          \"wrong\"\n        );\n\n        document.getElementById(\n          \"phraseFeedback\"\n        ).textContent =\n          \"Try again.\";\n\n      }\n\n    };\n\n    box.appendChild(button);\n\n  });\n\n}\n\n\nwindow.nextPhraseQuestion =\nfunction(){\n\n  phraseIndex++;\n\n  loadPhrase();\n\n};\n\n\n\n\/* START *\/\n\nshowVocabulary(\n  \"actions\",\n  document.querySelector(\n    \"#my-english-key-vocab .vocab-tab\"\n  )\n);\n\nloadEnglish();\nloadSpanish();\nloadListening();\nloadSpelling();\nloadPhrase();\n\n})();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>MY ENGLISH KEY &#8211; 1 WEEK 1 VOCABULARY \u2713 My Goal I can understand and use Week 1 vocabulary. A New Words Actions, colors, objects, [&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-1790","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1790","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=1790"}],"version-history":[{"count":8,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1790\/revisions"}],"predecessor-version":[{"id":1816,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1790\/revisions\/1816"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}