{"id":2838,"date":"2025-10-16T06:20:34","date_gmt":"2025-10-16T06:20:34","guid":{"rendered":"https:\/\/www.itechmagazine.com\/?page_id=2838"},"modified":"2025-10-29T01:52:24","modified_gmt":"2025-10-29T01:52:24","slug":"double-click-test","status":"publish","type":"page","link":"https:\/\/www.itechmagazine.com\/sv\/double-click-test\/","title":{"rendered":"Double Click Test"},"content":{"rendered":"<div id=\"click-test\">\n  <style>\n    #click-test .click-test-container {\n      max-width: 500px;\n      margin: 40px auto;\n      background: linear-gradient(135deg, #4f46e5, #9333ea);\n      color: #fff;\n      text-align: center;\n      border-radius: 20px;\n      padding: 30px 25px;\n      font-family: \"Poppins\", sans-serif;\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);\n      transition: all 0.3s ease;\n      animation: fadeIn 0.6s ease-in-out;\n    }\n\n    #click-test h2 {\n      font-size: 26px;\n      margin-bottom: 12px;\n      font-weight: 700;\n    }\n\n    #click-test .tab-buttons {\n      display: flex;\n      justify-content: space-around;\n      margin-bottom: 15px;\n      flex-wrap: wrap;\n    }\n\n    #click-test .tab-btn {\n      flex: 1;\n      margin: 5px;\n      background: #ffffff30;\n      border: none;\n      color: #fff;\n      padding: 10px;\n      border-radius: 10px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.3s ease;\n    }\n\n    #click-test .tab-btn.active,\n    #click-test .tab-btn:hover {\n      background: #ffea00;\n      color: #333;\n    }\n\n    #click-test .options {\n      margin: 10px 0 20px;\n    }\n\n    #click-test .option-btn {\n      background: #ffffff30;\n      border: none;\n      color: #fff;\n      padding: 8px 16px;\n      border-radius: 20px;\n      margin: 5px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n    }\n\n    #click-test .option-btn.active,\n    #click-test .option-btn:hover {\n      background: #ffea00;\n      color: #333;\n    }\n\n    #click-test .click-area {\n      background: #ffffff10;\n      border: 2px dashed #fff;\n      border-radius: 20px;\n      padding: 50px 10px;\n      margin-top: 20px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      user-select: none;\n    }\n\n    #click-test .click-area:hover {\n      background: #ffffff20;\n      transform: scale(1.03);\n    }\n\n    #click-test .result {\n      font-size: 18px;\n      margin-top: 25px;\n      font-weight: 600;\n      color: #ffea00;\n    }\n\n    #click-test .btn {\n      background: #ffea00;\n      color: #333;\n      border: none;\n      padding: 10px 24px;\n      border-radius: 25px;\n      font-size: 16px;\n      cursor: pointer;\n      margin-top: 18px;\n      transition: all 0.3s ease;\n      font-weight: 600;\n    }\n\n    #click-test .btn:hover {\n      background: #fff;\n      color: #4f46e5;\n    }\n\n    #click-test .progress {\n      width: 100%;\n      height: 8px;\n      background: rgba(255, 255, 255, 0.2);\n      border-radius: 10px;\n      overflow: hidden;\n      margin-top: 15px;\n    }\n\n    #click-test .progress-bar {\n      height: 8px;\n      width: 0%;\n      background: #ffea00;\n      transition: width 0.3s ease-in-out;\n    }\n\n    #click-test .scoreboard {\n      margin-top: 20px;\n      background: rgba(255, 255, 255, 0.15);\n      padding: 15px;\n      border-radius: 12px;\n      font-size: 15px;\n    }\n\n    @keyframes fadeIn {\n      from {opacity: 0; transform: translateY(10px);}\n      to {opacity: 1; transform: translateY(0);}\n    }\n\n    @media (max-width: 600px) {\n      #click-test .click-test-container {\n        padding: 20px;\n      }\n      #click-test .tab-buttons {\n        flex-direction: column;\n      }\n      #click-test .tab-btn {\n        margin: 5px 0;\n      }\n      #click-test .click-area {\n        padding: 30px 10px;\n      }\n    }\n  <\/style>\n\n  <div class=\"click-test-container\">\n    <h2>\ud83d\udd25 Click Speed Test \ud83d\udd25<\/h2>\n\n    <div class=\"tab-buttons\">\n      <button class=\"tab-btn active\" id=\"singleTab\">Single Click<\/button>\n      <button class=\"tab-btn\" id=\"doubleTab\">Double Click<\/button>\n    <\/div>\n\n    <div class=\"options\">\n      <span>\u23f1 Choose Duration:<\/span><br>\n      <button class=\"option-btn active\" data-time=\"10\">10s<\/button>\n      <button class=\"option-btn\" data-time=\"20\">20s<\/button>\n      <button class=\"option-btn\" data-time=\"30\">30s<\/button>\n    <\/div>\n\n    <button class=\"btn\" id=\"startBtn\">Start Test<\/button>\n    <div class=\"click-area\" id=\"clickArea\" style=\"display:none;\">Click Here!<\/div>\n\n    <div class=\"progress\">\n      <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n    <\/div>\n\n    <div class=\"result\" id=\"result\">Select mode and time, then start!<\/div>\n\n    <div class=\"scoreboard\" id=\"scoreboard\" style=\"display:none;\">\n      <p><strong>Total Clicks:<\/strong> <span id=\"totalClicks\">0<\/span><\/p>\n      <p><strong>Time Left:<\/strong> <span id=\"timeLeft\">0<\/span> s<\/p>\n      <p><strong>Clicks Per Second:<\/strong> <span id=\"cps\">0<\/span><\/p>\n      <p><strong>Best Score:<\/strong> <span id=\"bestScore\">0<\/span><\/p>\n    <\/div>\n\n    <button class=\"btn\" id=\"resetBtn\" style=\"display:none;\">Try Again<\/button>\n  <\/div>\n\n  <script type=\"text\/javascript\">\n    document.addEventListener('DOMContentLoaded', function () {\n      const startBtn = document.getElementById(\"startBtn\");\n      const resetBtn = document.getElementById(\"resetBtn\");\n      const clickArea = document.getElementById(\"clickArea\");\n      const result = document.getElementById(\"result\");\n      const progressBar = document.getElementById(\"progressBar\");\n      const totalClicksEl = document.getElementById(\"totalClicks\");\n      const timeLeftEl = document.getElementById(\"timeLeft\");\n      const cpsEl = document.getElementById(\"cps\");\n      const bestScoreEl = document.getElementById(\"bestScore\");\n      const scoreboard = document.getElementById(\"scoreboard\");\n      const optionBtns = document.querySelectorAll(\"#click-test .option-btn\");\n      const singleTab = document.getElementById(\"singleTab\");\n      const doubleTab = document.getElementById(\"doubleTab\");\n\n      let timer;\n      let timeLeft = 10;\n      let totalClicks = 0;\n      let testActive = false;\n      let mode = \"single\";\n      let lastClickTime = 0;\n\n      optionBtns.forEach(btn => {\n        btn.addEventListener(\"click\", () => {\n          optionBtns.forEach(b => b.classList.remove(\"active\"));\n          btn.classList.add(\"active\");\n          timeLeft = parseInt(btn.dataset.time);\n        });\n      });\n\n      singleTab.addEventListener(\"click\", () => switchMode(\"single\"));\n      doubleTab.addEventListener(\"click\", () => switchMode(\"double\"));\n\n      function switchMode(newMode) {\n        mode = newMode;\n        singleTab.classList.toggle(\"active\", mode === \"single\");\n        doubleTab.classList.toggle(\"active\", mode === \"double\");\n        resetTest();\n      }\n\n      startBtn.addEventListener(\"click\", startTest);\n      resetBtn.addEventListener(\"click\", resetTest);\n\n      clickArea.addEventListener(\"click\", function () {\n        if (!testActive) return;\n        const now = new Date().getTime();\n\n        if (mode === \"single\") {\n          totalClicks++;\n        } else if (mode === \"double\") {\n          if (lastClickTime && now - lastClickTime < 500) {\n            totalClicks += 2; \/\/ count both clicks\n            lastClickTime = 0;\n          } else {\n            lastClickTime = now;\n          }\n        }\n\n        totalClicksEl.textContent = totalClicks;\n      });\n\n      function startTest() {\n        const selectedTime = parseInt(document.querySelector(\"#click-test .option-btn.active\").dataset.time);\n        timeLeft = selectedTime;\n        totalClicks = 0;\n        lastClickTime = 0;\n        testActive = true;\n\n        startBtn.style.display = \"none\";\n        resetBtn.style.display = \"none\";\n        clickArea.style.display = \"block\";\n        scoreboard.style.display = \"block\";\n        result.textContent = mode === \"single\" ? \"Click as fast as you can!\" : \"Double click as fast as you can!\";\n        progressBar.style.width = \"0%\";\n        totalClicksEl.textContent = totalClicks;\n        timeLeftEl.textContent = timeLeft;\n        cpsEl.textContent = \"0\";\n\n        timer = setInterval(() => {\n          timeLeft--;\n          timeLeftEl.textContent = timeLeft;\n          const percent = ((selectedTime - timeLeft) \/ selectedTime) * 100;\n          progressBar.style.width = percent + \"%\";\n\n          if (timeLeft <= 0) endTest(selectedTime);\n        }, 1000);\n      }\n\n      function endTest(duration) {\n        testActive = false;\n        clearInterval(timer);\n        clickArea.style.display = \"none\";\n        resetBtn.style.display = \"inline-block\";\n\n        const cps = (totalClicks \/ duration).toFixed(2);\n        cpsEl.textContent = cps;\n\n        const key = `best_${mode}_${duration}`;\n        const best = localStorage.getItem(key) || 0;\n\n        if (totalClicks > best) {\n          localStorage.setItem(key, totalClicks);\n          bestScoreEl.textContent = `${totalClicks} (New Record \ud83c\udf89)`;\n        } else {\n          bestScoreEl.textContent = `${best} clicks`;\n        }\n\n        result.innerHTML = `\u26a1 You did <b>${totalClicks}<\/b> clicks in ${duration}s (${cps} CPS)`;\n      }\n\n      function resetTest() {\n        clearInterval(timer);\n        testActive = false;\n        timeLeft = parseInt(document.querySelector(\"#click-test .option-btn.active\").dataset.time);\n        timeLeftEl.textContent = timeLeft;\n        totalClicks = 0;\n\n        startBtn.style.display = \"inline-block\";\n        resetBtn.style.display = \"none\";\n        clickArea.style.display = \"none\";\n        scoreboard.style.display = \"none\";\n        result.textContent = \"Select mode and time, then start!\";\n        progressBar.style.width = \"0%\";\n      }\n    });\n  <\/script>\n<\/div>\n\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd25 Click Speed Test \ud83d\udd25 Single Click Double Click \u23f1 Choose Duration: 10s 20s 30s Start Test Click Here! Select mode and time, then start! Total Clicks: 0 Time Left: 0 s Clicks Per Second: 0 Best Score: 0 Try Again<\/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-2838","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Double Click Test - iTech Magazine<\/title>\n<meta name=\"description\" content=\"Double Click Test - \ud83d\udd25 Click Speed Test \ud83d\udd25 Single Click Double Click \u23f1 Choose Duration: 10s 20s 30s Start Test Click Here! Select mode and time, then start! Total Clicks: 0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.itechmagazine.com\/sv\/double-click-test\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Double Click Test - iTech Magazine\" \/>\n<meta property=\"og:description\" content=\"Double Click Test - \ud83d\udd25 Click Speed Test \ud83d\udd25 Single Click Double Click \u23f1 Choose Duration: 10s 20s 30s Start Test Click Here! Select mode and time, then start! Total Clicks: 0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itechmagazine.com\/sv\/double-click-test\/\" \/>\n<meta property=\"og:site_name\" content=\"iTech Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/itechmagzine\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-29T01:52:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.itechmagazine.com\/wp-content\/uploads\/2023\/03\/cropped-itechmagazine-favicon-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@itech_magazine\" \/>\n<meta name=\"twitter:label1\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/double-click-test\\\/\",\"url\":\"https:\\\/\\\/www.itechmagazine.com\\\/double-click-test\\\/\",\"name\":\"Double Click Test - iTech Magazine\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/#website\"},\"datePublished\":\"2025-10-16T06:20:34+00:00\",\"dateModified\":\"2025-10-29T01:52:24+00:00\",\"description\":\"Double Click Test - \ud83d\udd25 Click Speed Test \ud83d\udd25 Single Click Double Click \u23f1 Choose Duration: 10s 20s 30s Start Test Click Here! Select mode and time, then start! Total Clicks: 0\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/double-click-test\\\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itechmagazine.com\\\/double-click-test\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/double-click-test\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.itechmagazine.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Double Click Test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/#website\",\"url\":\"https:\\\/\\\/www.itechmagazine.com\\\/\",\"name\":\"iTech Magazine\",\"description\":\"Tech Trends, Business and Digital Marketing\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.itechmagazine.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/#organization\",\"name\":\"itech Magazine\",\"url\":\"https:\\\/\\\/www.itechmagazine.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.itechmagazine.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/cropped-itechmagazine-favicon-1.png\",\"contentUrl\":\"https:\\\/\\\/www.itechmagazine.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/cropped-itechmagazine-favicon-1.png\",\"width\":512,\"height\":512,\"caption\":\"itech Magazine\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itechmagazine.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/itechmagzine\",\"https:\\\/\\\/x.com\\\/itech_magazine\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/itechmagazine\\\/\",\"https:\\\/\\\/mastodon.online\\\/@itechmagazine\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Double Click Test - iTech Magazine","description":"Double Click Test - \ud83d\udd25 Click Speed Test \ud83d\udd25 Single Click Double Click \u23f1 Choose Duration: 10s 20s 30s Start Test Click Here! Select mode and time, then start! Total Clicks: 0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.itechmagazine.com\/sv\/double-click-test\/","og_locale":"sv_SE","og_type":"article","og_title":"Double Click Test - iTech Magazine","og_description":"Double Click Test - \ud83d\udd25 Click Speed Test \ud83d\udd25 Single Click Double Click \u23f1 Choose Duration: 10s 20s 30s Start Test Click Here! Select mode and time, then start! Total Clicks: 0","og_url":"https:\/\/www.itechmagazine.com\/sv\/double-click-test\/","og_site_name":"iTech Magazine","article_publisher":"https:\/\/www.facebook.com\/itechmagzine","article_modified_time":"2025-10-29T01:52:24+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/www.itechmagazine.com\/wp-content\/uploads\/2023\/03\/cropped-itechmagazine-favicon-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@itech_magazine","twitter_misc":{"Ber\u00e4knad l\u00e4stid":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.itechmagazine.com\/double-click-test\/","url":"https:\/\/www.itechmagazine.com\/double-click-test\/","name":"Double Click Test - iTech Magazine","isPartOf":{"@id":"https:\/\/www.itechmagazine.com\/#website"},"datePublished":"2025-10-16T06:20:34+00:00","dateModified":"2025-10-29T01:52:24+00:00","description":"Double Click Test - \ud83d\udd25 Click Speed Test \ud83d\udd25 Single Click Double Click \u23f1 Choose Duration: 10s 20s 30s Start Test Click Here! Select mode and time, then start! Total Clicks: 0","breadcrumb":{"@id":"https:\/\/www.itechmagazine.com\/double-click-test\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itechmagazine.com\/double-click-test\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.itechmagazine.com\/double-click-test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itechmagazine.com\/"},{"@type":"ListItem","position":2,"name":"Double Click Test"}]},{"@type":"WebSite","@id":"https:\/\/www.itechmagazine.com\/#website","url":"https:\/\/www.itechmagazine.com\/","name":"iTech Magazine","description":"Tech Trends, Business and Digital Marketing","publisher":{"@id":"https:\/\/www.itechmagazine.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itechmagazine.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/www.itechmagazine.com\/#organization","name":"itech Magazine","url":"https:\/\/www.itechmagazine.com\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/www.itechmagazine.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.itechmagazine.com\/wp-content\/uploads\/2023\/03\/cropped-itechmagazine-favicon-1.png","contentUrl":"https:\/\/www.itechmagazine.com\/wp-content\/uploads\/2023\/03\/cropped-itechmagazine-favicon-1.png","width":512,"height":512,"caption":"itech Magazine"},"image":{"@id":"https:\/\/www.itechmagazine.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/itechmagzine","https:\/\/x.com\/itech_magazine","https:\/\/www.linkedin.com\/company\/itechmagazine\/","https:\/\/mastodon.online\/@itechmagazine"]}]}},"_links":{"self":[{"href":"https:\/\/www.itechmagazine.com\/sv\/wp-json\/wp\/v2\/pages\/2838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itechmagazine.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.itechmagazine.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.itechmagazine.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itechmagazine.com\/sv\/wp-json\/wp\/v2\/comments?post=2838"}],"version-history":[{"count":0,"href":"https:\/\/www.itechmagazine.com\/sv\/wp-json\/wp\/v2\/pages\/2838\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.itechmagazine.com\/sv\/wp-json\/wp\/v2\/media?parent=2838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}