{"id":369,"date":"2023-09-30T17:41:30","date_gmt":"2023-09-30T17:41:30","guid":{"rendered":"https:\/\/englishwithina.com\/?page_id=369"},"modified":"2025-02-26T18:54:47","modified_gmt":"2025-02-26T18:54:47","slug":"test-2","status":"publish","type":"page","link":"https:\/\/englishwithina.com\/en\/test-2\/","title":{"rendered":"Testim"},"content":{"rendered":"<p><style>\/*! elementor - v3.16.0 - 20-09-2023 *\/<br \/>\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\n<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/englishwithina.com\/wp-content\/uploads\/2023\/10\/New-Project-7-1.png\" sizes=\"(max-width: 800px) 100vw, 800px\" srcset=\"https:\/\/englishwithina.com\/wp-content\/uploads\/2023\/10\/New-Project-7-1.png 898w, https:\/\/englishwithina.com\/wp-content\/uploads\/2023\/10\/New-Project-7-1-300x266.png 300w, https:\/\/englishwithina.com\/wp-content\/uploads\/2023\/10\/New-Project-7-1-768x681.png 768w, https:\/\/englishwithina.com\/wp-content\/uploads\/2023\/10\/New-Project-7-1-14x12.png 14w\" alt=\"\" width=\"282\" height=\"250\" \/><\/p>\n\n\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Test Form<\/title>\n\n  <\/head>\n  <style>\n    .testForm {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      font-family: \"Roboto\", sans-serif;\n    }\n\n    .answers {\n      border: 2px solid #cf2e2e;\n      border-radius: 5px;\n      padding: 10px;\n      margin: 10px;\n      text-align: center;\n      cursor: pointer;\n      min-width: 40%;\n      max-width: 300px;\n    }\n\n    .answers:hover {\n      background-color: #cf2e2e;\n      color: white;\n      border: 2px solid #cf2e2e;\n    }\n\n    h2 {\n      text-align: center;\n      margin-top: 20px;\n      color: black;\n      font-weight: bold;\n    }\n\n    .pyetja {\n      margin-top: 30px;\n    }\n\n    span {\n      font-size: 18px;\n      font-weight: 400;\n    }\n\n    .language {\n      width: 100px;\n      display: flex;\n      flex-direction: row;\n\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .language img {\n      width: 40px;\n      height: 40px;\n      cursor: pointer;\n    }\n\n    @media only screen and (max-width: 600px) {\n      .answers:hover {\n        background-color: unset;\n        color: unset;\n      }\n      .answers:active {\n        background-color: #cf2e2e;\n        color: white;\n      }\n    }\n\n  <\/style>\n\n  <body>\n    <div class=\"testForm\">\n      <div class=\"language\">\n        <img decoding=\"async\"\n          class=\"shqip\"\n          src=\"https:\/\/img.icons8.com\/color\/96\/albania-circular.png\"\n          alt=\"albania-circular\"\n        \/>\n        <img decoding=\"async\"\n          class=\"english\"\n          src=\"https:\/\/img.icons8.com\/color\/96\/great-britain-circular.png\"\n          alt=\"great-britain-circular\"\n        \/>\n      <\/div>\n\n      <h2 class=\"question\"><\/h2>\n\n      <div class=\"answers\" id=\"answerA\" answer=\"a\"><\/div>\n      <div class=\"answers\" id=\"answerB\" answer=\"b\"><\/div>\n      <div class=\"answers\" id=\"answerC\" answer=\"c\"><\/div>\n      <div class=\"answers\" id=\"answerD\" answer=\"d\"><\/div>\n\n      <div class=\"pyetja\"><\/div>\n    <\/div>\n\n\n  <\/body>\n  <script >\n    const data = {\n      data1: {\n        question: \"Can I park here?\",\n        a: \"Sorry, I did that.\",\n        b: \"It's the same place.\",\n        c: \"Only for half an hour\",\n        d: \"Don\u2019t do it.\",\n        answer: \"c\",\n      },\n      data2: {\n        question: \"What colour will you paint the children's bedroom?\",\n        a: \"I hope it was right.\",\n        b: \"We can't decide.\",\n        c: \"It wasn't very difficult.\",\n        d: \"Yes please.\",\n        answer: \"b\",\n      },\n      data3: {\n        question: \"I can't understand this email.\",\n        a: \"Would you like some help?\",\n        b: \"Don't you know?\",\n        c: \"I suppose you can.\",\n        d: \"I hope so.\",\n        answer: \"a\",\n      },\n      data4: {\n        question: \"I'd like two tickets for tomorrow night.\",\n        a: \"How much did you pay?\",\n        b: \"Afternoon and evening.\",\n        c: \"I'll just check for you.\",\n        d: \"Help me.\",\n        answer: \"c\",\n      },\n      data5: {\n        question: \"Shall we go to the gym now?\",\n        a: \"I'm too tired.\",\n        b: \"It's very good.\",\n        c: \"Not at all.\",\n        d: \"She can\u2019t\",\n        answer: \"a\",\n      },\n      data6: {\n        question: \"His eyes were ...... bad that he couldn't read the number plate of the car in front.\",\n        a: \"such\",\n        b: \"too\",\n        c: \"so\",\n        d: \"very\",\n        answer: \"c\",\n      },\n      data7: {\n        question: \"The company needs to decide ...... and for all what its position is on this point.\",\n        a: \"here\",\n        b: \"once\",\n        c: \"first\",\n        d: \"finally\",\n        answer: \"b\",\n      },\n      data8: {\n        question: \"Don't put your cup on the ...... of the table \u2013 someone will knock it off.\",\n        a: \"outside\",\n        b: \"edge\",\n        c: \"boundary\",\n        d: \"border\",\n        answer: \"b\",\n      },\n      data9: {\n        question: \"I'm sorry - I didn't ...... to disturb you.\",\n        a: \"hope\",\n        b: \"think\",\n        c: \"mean\",\n        d: \"suppose\",\n        answer: \"c\",\n      },\n      data10: {\n        question: \"The singer ended the concert ...... her most popular song.\",\n        a: \"by\",\n        b: \"with\",\n        c: \"in\",\n        d: \"as\",\n        answer: \"b\",\n      },\n      data11: {\n        question: \"Would you mind ...... these plates a wipe before putting them in the cupboard?\",\n        a: \"making\",\n        b: \"doing\",\n        c: \"getting\",\n        d: \"giving\",\n        answer: \"d\",\n      },\n      data12: {\n        question: \"I was looking forward ...... at the new restaurant, but it was closed.\",\n        a: \"to eat\",\n        b: \"to have eaten\",\n        c: \"to eating\",\n        d: \"eating\",\n        answer: \"c\",\n      },\n      data13: {\n        question: \"...... tired Melissa is when she gets home from work, she always makes time to say goodnight to the children.\",\n        a: \"Whatever\",\n        b: \"No matter how\",\n        c: \"However much\",\n        d: \"Although\",\n        answer: \"b\",\n      },\n      data14: {\n        question: \"It was only ten days ago ...... she started her new job.\",\n        a: \"then\",\n        b: \"since\",\n        c: \"after\",\n        d: \"that\",\n        answer: \"d\",\n      },\n      data15: {\n        question: \"The shop didn't have the shoes I wanted, but they've ...... a pair specially for me.\",\n        a: \"booked\",\n        b: \"ordered\",\n        c: \"commanded\",\n        d: \"asked\",\n        answer: \"b\",\n      },\n      data16: {\n        question: \"Have you got time to discuss your work now or are you ...... to leave?\",\n        a: \"thinking\",\n        b: \"round\",\n        c: \"planned\",\n        d: \"about\",\n        answer: \"d\",\n      },\n      data17: {\n        question: \"She came to live here ...... a month ago.\",\n        a: \"quite\",\n        b: \"beyond\",\n        c: \"already\",\n        d: \"almost\",\n        answer: \"d\",\n      },\n      data18: {\n        question: \"Once the plane is in the air, you can ...... your seat belts if you wish.\",\n        a: \"undress\",\n        b: \"unfasten\",\n        c: \"unlock\",\n        d: \"untie\",\n        answer: \"b\",\n      },\n      data19: {\n        question: \"I left my last job because I had no ...... to travel.\",\n        a: \"place\",\n        b: \"position\",\n        c: \"opportunity\",\n        d: \"possibility\",\n        answer: \"c\",\n      },\n      data20: {\n        question: \"It wasn't a bad crash and ...... damage was done to my car.\",\n        a: \"little\",\n        b: \"small\",\n        c: \"light\",\n        d: \"mere\",\n        answer: \"a\",\n      },\n      data21: {\n        question: \"I'd rather you ...... to her why we can't go.\",\n        a: \"would explain\",\n        b: \"explained\",\n        c: \"to explain\",\n        d: \"will explain\",\n        answer: \"b\",\n      },\n      data22: {\n        question: \"Before making a decision, the leader considered all ...... of the argument.\",\n        a: \"sides\",\n        b: \"features\",\n        c: \"perspectives\",\n        d: \"shades\",\n        answer: \"a\",\n      },\n      data23: {\n        question: \"This new printer is recommended as being ...... reliable.\",\n        a: \"greatly\",\n        b: \"highly\",\n        c: \"strongly\",\n        d: \"readily\",\n        answer: \"b\",\n      },\n      data24: {\n        question: \"When I realised I had dropped my gloves, I decided to ...... my steps.\",\n        a: \"retrace\",\n        b: \"regress\",\n        c: \"resume\",\n        d: \"return\",\n        answer: \"a\",\n      },\n      data25: {\n        question: \"Anne's house is somewhere in the ...... of the railway station.\",\n        a: \"region\",\n        b: \"quarter\",\n        c: \"vicinity\",\n        d: \"district\",\n        answer: \"c\",\n      },\n    };\n    \/\/ The rest of your JavaScript logic remains the same.\n\n\n    const question = document.querySelector(\".question\");\n    const answer1 = document.querySelector(\"#answerA\");\n    const answer2 = document.querySelector(\"#answerB\");\n    const answer3 = document.querySelector(\"#answerC\");\n    const answer4 = document.querySelector(\"#answerD\");\n    const allanswers = document.querySelectorAll(\".answers\");\n    const pyetja = document.querySelector(\".pyetja\");\n    const contLanguage = document.querySelector(\".language\");\n    const albFlag = document.querySelector(\".shqip\");\n    const enFlag = document.querySelector(\".english\");\n\n    const maxDataNumber = Object.keys(data).length;\n\n    let points = 0;\n\n    let dataNumber = 1;\n\n    let level = \"\";\n\n    function showContent() {\n      question.innerHTML = data[`data${dataNumber}`].question;\n      answer1.innerHTML = data[`data${dataNumber}`].a;\n      answer2.innerHTML = data[`data${dataNumber}`].b;\n      answer3.innerHTML = data[`data${dataNumber}`].c;\n      answer4.innerHTML = data[`data${dataNumber}`].d;\n      pyetja.innerHTML = `${dataNumber}\/${Object.keys(data).length}`;\n    }\n\n    showContent();\n\n    const primeEn = \"Maybe you should start learning english\";\n    const primeAl = \"Mendoj se duhet t\u00eb nisni t\u00eb m\u00ebsoni anglisht\";\n    const enCont = \"Based on the points obtained, your level is \";\n    const alCont = \"Niveli juaj ne baze te pikeve eshte \";\n\n    let activePrime = \"\";\n\n    let activeCont = \"\";\n\n    let activePoint = \"\";\n\n    let activeLanguage = \"shqip\";\n\n    function activeFlag() {\n      if (activeLanguage == \"shqip\") {\n        enFlag.style.opacity = \"0.3\";\n        albFlag.style.opacity = \"1\";\n        activePrime = primeAl;\n        activeCont = alCont;\n      } else if (activeLanguage == \"english\") {\n        albFlag.style.opacity = \"0.3\";\n        enFlag.style.opacity = \"1\";\n        activePrime = primeEn;\n        activeCont = enCont;\n      }\n    }\n\n    activeFlag();\n\n    contLanguage.addEventListener(\"click\", function (e) {\n      if (\n              e.target.getAttribute(\"class\") == \"shqip\" ||\n              e.target.getAttribute(\"class\") == \"english\"\n      ) {\n        activeLanguage = e.target.getAttribute(\"class\");\n        activeFlag();\n        languageShown();\n      }\n    });\n\n    function languageShown() {\n      if (dataNumber !== 0) return null;\n      if (activeLanguage == \"shqip\") {\n        question.innerHTML = `Ju keni marr\u00eb ${points} pik\u00eb. <\/br>${activeCont} ${level}`;\n      } else if (activeLanguage == \"english\") {\n        question.innerHTML = `You have ${points} points. <\/br>${activeCont} ${level}`;\n      }\n    }\n\n    function clearContent() {\n      dataNumber = 0;\n      languageShown();\n      allanswers.forEach((x) => (x.style.display = \"none\"));\n      pyetja.style.display = \"none\";\n    }\n\n    function showResult() {\n      if (points <= 5) {\n        level = \"A1\"\n      }  else if (points <= 11) {\n        level = \"A2\"\n      } else if (points <= 19) {\n        level = \"B1\";\n      } else if (points <= 24) {\n        level = \"B2\"\n      } else if ((points = 25)) {\n        level = \"C1\"\n      }\n    }\n\n    allanswers.forEach((x) =>\n            x.addEventListener(\"click\", function (e) {\n              if (data[`data${dataNumber}`].answer === e.target.getAttribute(\"answer\")) {\n                points++;\n              }\n              if (dataNumber >= maxDataNumber) {\n                showResult();\n                clearContent();\n                return null;\n              }\n              dataNumber++;\n\n              showContent();\n            })\n    );\n\n  <\/script>\n\n<a href=\"https:\/\/englishwithina.com\/\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"30\" height=\"30\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2025 Fonticons, Inc.--><path d=\"M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM215 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-71 71L392 232c13.3 0 24 10.7 24 24s-10.7 24-24 24l-214.1 0 71 71c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L103 273c-9.4-9.4-9.4-24.6 0-33.9L215 127z\"\/> <\/svg><\/a>\n<\/html>\n\n\n<style>\/*! elementor - v3.16.0 - 20-09-2023 *\/<br \/>\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\n<p>\t\t\t<a href=\"https:\/\/englishwithina.com\/\"><br \/>\n\t\t\t\t\t\t<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Test Form<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-369","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/englishwithina.com\/en\/wp-json\/wp\/v2\/pages\/369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/englishwithina.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/englishwithina.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/englishwithina.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/englishwithina.com\/en\/wp-json\/wp\/v2\/comments?post=369"}],"version-history":[{"count":11,"href":"https:\/\/englishwithina.com\/en\/wp-json\/wp\/v2\/pages\/369\/revisions"}],"predecessor-version":[{"id":1502,"href":"https:\/\/englishwithina.com\/en\/wp-json\/wp\/v2\/pages\/369\/revisions\/1502"}],"wp:attachment":[{"href":"https:\/\/englishwithina.com\/en\/wp-json\/wp\/v2\/media?parent=369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}