Knowledge Quiz | DRINKiQ NO

<!DOCTYPE html> <html lang="no-NO" xml:lang="no-NO" xmlns="http://www.w3.org/1999/xhtml" > <head>  <title>Knowledge Quiz | DRINKiQ NO</title> <link rel="shortcut icon" type="image/x-icon" href="~/media/D1CB20B41F7343DF86741D1262210AEB.ico" /><link rel ="canonical" href="https://www.drinkiq.com/no-no/quiz" /><link rel="alternate" hreflang="en" href="https://www.drinkiq.com/en/quiz" /><link rel="alternate" hreflang="en-au" href="https://www.drinkiq.com/en-au/quiz" /><link rel="alternate" hreflang="nl-be" href="https://www.drinkiq.com/nl-be/quiz" /><link rel="alternate" hreflang="fr-be" href="https://www.drinkiq.com/fr-be/quiz" /><link rel="alternate" hreflang="pt-br" href="https://www.drinkiq.com/pt-br/quiz" /><link rel="alternate" hreflang="fr-cm" href="https://www.drinkiq.com/fr-cm/quiz" /><link rel="alternate" hreflang="en-ca" href="https://www.drinkiq.com/en-ca/quiz" /><link rel="alternate" hreflang="fr-ca" href="https://www.drinkiq.com/fr-ca/quiz" /><link rel="alternate" hreflang="es-co" href="https://www.drinkiq.com/es-co/quiz" /><link rel="alternate" hreflang="da-dk" href="https://www.drinkiq.com/da-dk/quiz" /><link rel="alternate" hreflang="de-de" href="https://www.drinkiq.com/de-de/quiz" /><link rel="alternate" hreflang="es-es" href="https://www.drinkiq.com/es-es/quiz" /><link rel="alternate" hreflang="es-us" href="https://www.drinkiq.com/es-us/quiz" /><link rel="alternate" hreflang="en-in" href="https://www.drinkiq.com/en-in/quiz" /><link rel="alternate" hreflang="id-id" href="https://www.drinkiq.com/id-id/quiz" /><link rel="alternate" hreflang="en-ie" href="https://www.drinkiq.com/en-ie/quiz" /><link rel="alternate" hreflang="it-it" href="https://www.drinkiq.com/it-it/quiz" /><link rel="alternate" hreflang="hu-hu" href="https://www.drinkiq.com/hu-hu/quiz" /><link rel="alternate" hreflang="es-mx" href="https://www.drinkiq.com/es-mx/quiz" /><link rel="alternate" hreflang="nl-nl" href="https://www.drinkiq.com/nl-nl/quiz" /><link rel="alternate" hreflang="en-nz" href="https://www.drinkiq.com/en-nz/quiz" /><link rel="alternate" hreflang="es-pe" href="https://www.drinkiq.com/es-pe/quiz" /><link rel="alternate" hreflang="en-ph" href="https://www.drinkiq.com/en-ph/quiz" /><link rel="alternate" hreflang="pl-pl" href="https://www.drinkiq.com/pl-pl/quiz" /><link rel="alternate" hreflang="pt-pt" href="https://www.drinkiq.com/pt-pt/quiz" /><link rel="alternate" hreflang="es-do" href="https://www.drinkiq.com/es-do/quiz" /><link rel="alternate" hreflang="ro-ro" href="https://www.drinkiq.com/ro-ro/quiz" /><link rel="alternate" hreflang="en-sg" href="https://www.drinkiq.com/en-sg/quiz" /><link rel="alternate" hreflang="en-za" href="https://www.drinkiq.com/en-za/quiz" /><link rel="alternate" hreflang="en-gb" href="https://www.drinkiq.com/en-gb/quiz" /><link rel="alternate" hreflang="en-us" href="https://www.drinkiq.com/en-us/quiz" /><link rel="alternate" hreflang="es-uy" href="https://www.drinkiq.com/es-uy/quiz" /><link rel="alternate" hreflang="es-ve" href="https://www.drinkiq.com/es-ve/quiz" /><link rel="alternate" hreflang="vi-vn" href="https://www.drinkiq.com/vi-vn/quiz" /><link rel="alternate" hreflang="el-gr" href="https://www.drinkiq.com/el-gr/quiz" /><link rel="alternate" hreflang="ko-kr" href="https://www.drinkiq.com/ko-kr/quiz" /><link rel="alternate" hreflang="zh-tw" href="https://www.drinkiq.com/zh-tw/quiz" /><link rel="alternate" hreflang="ja-jp" href="https://www.drinkiq.com/ja-jp/quiz" /><link rel="alternate" hreflang="en-cm" href="https://www.drinkiq.com/en-cm/quiz" /><link rel="alternate" hreflang="en-be" href="https://www.drinkiq.com/en-be/quiz" /><link rel="alternate" hreflang="en-gh" href="https://www.drinkiq.com/en-gh/quiz" /><link rel="alternate" hreflang="en-ke" href="https://www.drinkiq.com/en-ke/quiz" /><link rel="alternate" hreflang="en-ng" href="https://www.drinkiq.com/en-ng/quiz" /><link rel="alternate" hreflang="sw-ke" href="https://www.drinkiq.com/sw-ke/quiz" /><link rel="alternate" hreflang="sv-se" href="https://www.drinkiq.com/sv-se/quiz" /><link rel="alternate" hreflang="th-th" href="https://www.drinkiq.com/th-th/quiz" /><link rel="alternate" hreflang="no-no" href="https://www.drinkiq.com/no-no/quiz" /><link rel="alternate" hreflang="en-lb" href="https://www.drinkiq.com/en-lb/quiz" /><link rel="alternate" hreflang="en-pem" href="https://www.drinkiq.com/en-pem/quiz" /><link rel="alternate" hreflang="fr-pem" href="https://www.drinkiq.com/fr-pem/quiz" /><link rel="alternate" hreflang="pt-pem" href="https://www.drinkiq.com/pt-pem/quiz" /><link rel="alternate" hreflang="en-sc" href="https://www.drinkiq.com/en-sc/quiz" /><link rel="alternate" hreflang="ru-ru" href="https://www.drinkiq.com/ru-ru/quiz" /><link rel="alternate" hreflang="sw-ug" href="https://www.drinkiq.com/sw-ug/quiz" /><link rel="alternate" hreflang="sw-tz" href="https://www.drinkiq.com/sw-tz/quiz" /><link rel="alternate" hreflang="bg-bg" href="https://www.drinkiq.com/bg-bg/quiz" /><link rel="alternate" hreflang="cs-cz" href="https://www.drinkiq.com/cs-cz/quiz" /><link rel="alternate" hreflang="fi-fi" href="https://www.drinkiq.com/fi-fi/quiz" /><link rel="alternate" hreflang="es-py" href="https://www.drinkiq.com/es-py/quiz" /><link rel="alternate" hreflang="uk-ua" href="https://www.drinkiq.com/uk-ua/quiz" /><link rel="alternate" hreflang="hi-in" href="https://www.drinkiq.com/hi-in/quiz" /><link rel="alternate" hreflang="es-ar" href="https://www.drinkiq.com/es-ar/quiz" /><link rel="alternate" hreflang="es-cl" href="https://www.drinkiq.com/es-cl/quiz" /><link rel="alternate" hreflang="es-ec" href="https://www.drinkiq.com/es-ec/quiz" /><link rel="alternate" hreflang="hr-hr" href="https://www.drinkiq.com/hr-hr/quiz" /><link rel="alternate" hreflang="zh-hk" href="https://www.drinkiq.com/zh-hk/quiz" /><link rel="alternate" hreflang="en-do" href="https://www.drinkiq.com/en-do/quiz" /><link rel="alternate" hreflang="en-et" href="https://www.drinkiq.com/en-et/quiz" /><link rel="alternate" hreflang="en-hu" href="https://www.drinkiq.com/en-hu/quiz" /><link rel="alternate" hreflang="en-my" href="https://www.drinkiq.com/en-my/quiz" /><link rel="alternate" hreflang="en-th" href="https://www.drinkiq.com/en-th/quiz" /><link rel="alternate" hreflang="en-tz" href="https://www.drinkiq.com/en-tz/quiz" /><link rel="alternate" hreflang="en-ug" href="https://www.drinkiq.com/en-ug/quiz" /><link rel="alternate" hreflang="am-et" href="https://www.drinkiq.com/am-et/quiz" /><link rel="alternate" hreflang="es-bo" href="https://www.drinkiq.com/es-bo/quiz" /> <meta name="description" content="DRINKiQ-testen hjelper deg med å finne ut hvor mye du egentlig vet om alkohol." /> <link rel="alternate" hreflang="x-default" href="https://www.drinkiq.com/" /> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KWVVFQ');</script>  <meta name="google-site-verification" content="7go0U7ivHPCpt3tAV1XDCXPTHdfOPGS6Xhi1dF87JgE" /> <meta property="og:url" content="https://www.drinkiq.com/no-no/quiz" /> <meta property="og:image" content="/~/media/Images/D/drinkiq/Universal/og-images/no-no/quiz-og.jpg" /> <meta name="twitter:image" content="/~/media/Images/D/drinkiq/Universal/og-images/no-no/quiz-twitter.jpg" /> <meta property="og:title" content='Quiz| DRINKiQ NO' /> <meta name="twitter:title" content='Quiz| DRINKiQ NO' /> <meta property="og:description" content='DRINKiQ-testen hjelper deg med å finne ut hvor mye du egentlig vet om alkohol.' /> <meta name="twitter:description" content='DRINKiQ-testen hjelper deg med å finne ut hvor mye du egentlig vet om alkohol.' /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/b79e3eb4-2c69-492b-89e3-91869ea4e6de/OtAutoBlock.js"></script> <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="b79e3eb4-2c69-492b-89e3-91869ea4e6de"></script> <script type="text/javascript"> function OptanonWrapper(){} </script> <script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js" integrity="sha384-1H217gwSVyLSIfaLxHbE7dRb3v4mYCKbpQvzx0cegeju1MVsGrX5xXxAvs/HgeFs" crossorigin="anonymous"></script> <script type="text/javascript"> $j = jQuery.noConflict(); $ = jQuery.noConflict(); </script> <link rel="dns-prefetch" href="https://viz.tools.investis.com/"> <link rel="dns-prefetch" href="https://irs.tools.investis.com/"> <link rel="dns-prefetch" href="https://otp.tools.investis.com/"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js" integrity="sha256-/H4YS+7aYb9kJ5OKhFYPUjSJdrtV6AeyJOtTkw6X72o=" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/1.0.10/datepicker.min.css" integrity="sha512-YdYyWQf8AS4WSB0WWdc3FbQ3Ypdm0QCWD2k4hgfqbQbRCJBEgX0iAegkl2S1Evma5ImaVXLBeUkIlP6hQ1eYKQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script type="text/javascript" src="https://unpkg.com/vue@3.4.21/dist/vue.global.prod.js" ></script>  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js" integrity="sha384-BSfV8fZD1qtU+7KBLfwU6gmcvPJpmwSoXe28kfEv6tS2XTcI4RYmu9GIrKLrhA4y" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js" integrity="sha256-/H4YS+7aYb9kJ5OKhFYPUjSJdrtV6AeyJOtTkw6X72o=" crossorigin="anonymous"></script> <style> boy{background:red;} Demo-test </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> <link href='/no-no/stylesheets/shared/bootstrap.css?revision=599bef5a-5199-4477-ba74-3a4c92e9ef93' rel="stylesheet" type="text/css" media="all" /> <link href='/no-no/stylesheets/shared/utility.css?revision=599bef5a-5199-4477-ba74-3a4c92e9ef93' rel="stylesheet" type="text/css" media="all" /> <link href='/no-no/stylesheets/shared/fonts.css?revision=599bef5a-5199-4477-ba74-3a4c92e9ef93' rel="stylesheet" type="text/css" media="all" /> <link href='/no-no/stylesheets/shared/drinkiq-global.css?revision=a404f604-5c8e-42f0-ad22-dc79f6ab76ed' rel="stylesheet" type="text/css" media="all"/> <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js" integrity="sha384-/vxhYfM1LENRhdpZ8dwEsQn/X4VhpbEZSiU4m/FwR+PVpzar4fkEOw8FP9Y+OfQN" crossorigin="anonymous"></script>  <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.14.0/themes/base/jquery-ui.css"> <style> .ip3-edit .header-main{position: relative} .ip3-edit header.header{position: relative} .ip3-edit header.header .container-fluid{display: grid} .ip3-edit header.header .search-main-head-wrapper .container-fluid{display: flex} .ip3-edit footer .container-fluid{display: grid} .ip3-edit footer img{width: auto} </style> <link href="/no-no/stylesheets/shared/global-variables.css?revision=e5356261-51b6-4c87-a7dd-be0e713f42e7" rel="stylesheet" type="text/css" media="all" /> <link href="/stylesheets/ResourceHandlermergeall.css?css=1&1=%7BD7AEC50C-656A-449E-BDAA-397516D58D81%7D&2=%7B78A3717B-2BDE-4942-B160-15E4E70A8FFF%7D&3=%7BA10E65EA-B340-4030-9831-5CEE6F39EE82%7D&4=%7B0D8EEE97-4C96-44A7-9676-2318AA6744D3%7D&5=%7B188B57A6-401B-4385-A63A-6BA6BD7BA36D%7D&6=%7BCB83819F-90E3-4784-A0A2-C33D38934DD4%7D&7=%7B4C479988-476E-4D93-B53C-5130F33C5FAB%7D&8=%7B10301409-13BD-41DA-9C9D-F0FD75B0049A%7D&9=%7B79DBB4D7-B895-4609-9753-D2B892BA9FA0%7D&10=%7B7CC2DF3C-B453-4B60-975F-45627F79796F%7D&11=%7BB8A2366E-F9A6-4A01-8D7F-1A2D276671BC%7D&12=%7BC720BB37-9AEE-4DC2-8B4D-85DE21B345F3%7D&13=%7B59CBE2BE-AFE9-4277-9008-9AA3197BA263%7D&14=%7B828EEC34-07FE-45E5-8BFE-5A0ED110D60D%7D&16=%7B993891CE-9675-4055-9C2B-DAE03A45B0CB%7D&17=%7B1FEE71B9-9CBD-49D9-AF29-80FC4B9992EB%7D&18=%7B5DB5FB96-39E1-4606-A64F-981312549A7D%7D&19=%7B7A1548F8-EAA3-4409-B960-16E7656B2A74%7D&20=%7B47664281-FDEB-491A-9605-908FC52DC4C6%7D&21=%7B53278252-DA2E-4A38-A755-D84107EF0861%7D&22=%7B336D91AA-FC46-471B-B8CB-7A5844A0E0F1%7D&23=%7BA351C8D1-AD57-4EA0-9171-F0EFF11483DD%7D&24=%7B272A1BC2-21E1-4324-9F52-50CB91A4C026%7D&25=%7B975593CC-DB5C-432A-BB14-9D62E7F4C0F6%7D&sc_lang=no-NO&revision=58406fa6-131a-4679-a5a7-07c96750f90c" rel="stylesheet" type="text/css" media="all" /> <link href="https://unpkg.com/swiper/swiper-bundle.min.css" rel="stylesheet" type="text/css" media="all" /> <link href="/no-no/stylesheets/shared/audit-landing.css?revision=0efb93b3-609a-4d90-86bc-deb95511d0e5" rel="stylesheet" type="text/css" media="all" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MHJVRMFL');</script>   <script type="text/plain" class="optanon-category-C0002">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T7HFFG4');</script>  </head> <body id="ip3-quiz" class="ie7 ip3-normal mis-production ip3-level2 nojs"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MHJVRMFL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7HFFG4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> var ismvc = true; var bodyItem = document.getElementsByTagName("body")[0]; var value = ""; value = bodyItem.attributes['class'].nodeValue; bodyItem.className = value.replace("nojs", "hasjs"); </script>   <header class="header " role="banner"> <section class="header-main"> <div class="header--language-regional"> <div class="container-fluid align-items-center"> <div class="column-start-1 column-end-13" style=" display: flex; align-items: center;" language-select-container> <p class="mb-0" style="margin-right: 20px"><strong>Vennligst velg din plassering:</strong></p> <div class="language__select"> <div class="language__select-wrapper"> <select aria-label='Vennligst velg din plassering:' name="locales" language-select> <optgroup label='Languages available in your region'></optgroup> </select> </div> <a href="" class="cta cta-primary" language-switch>Bytt språk</a> </div> </div> <a class="close-icon mb-16"></a> </div> </div> <div class="header--logo-hamburger"> <div class="sktmain invisible"> <a class="skip-to-main" href="#main-content-wrapper">Skip to main content</a> </div> <div class="container-fluid"> <div class="header-main__logo d-flex"> <a class="header-logo m-0 header-main__logo-anchor" href="/no-NO" title="drinkiq home page" aria-label="drinkiq home page" > <span class="invisible">drinkiq home page</span> <figure> <img src="/~/media/Images/D/drinkiq/Universal/logo/drinkiq-logo.svg" alt="Drinkiq" width="" height="" /> <figcaption class="d-none">Drinkiq</figcaption> </figure> </a> <a class="header-logo-white m-0 header-main__logo-anchor" href="/no-NO" title="drinkiq home page" aria-label="drinkiq home page" ><span class="white-logo-image"><img src="/~/media/Images/D/drinkiq/Universal/logo/white-logo-image.svg?iar=0" alt="logo image" Source="/sitecore/content/D/drinkiq/Global/homepage/chunk-fields/fields" DisableWebEdit="True" /></span> </a> </div> <div class="header-main__hamburger"> <div class="search-head-button"> <a href="javascript:;" class="search-head-trigger"> <img src="/~/media/Images/D/drinkiq/Universal/icons/search.svg" alt="icon-search" class="search-head__icon-blue"/> <img src="/~/media/Images/D/drinkiq/Universal/icons/search-white.svg" alt="icon-white-search" class="search-head__icon-white"/> <img src="/~/media/Images/D/drinkiq/Universal/icons/close-icon" alt="icon-close" class="search-head__icon-close" /> <span class="invisible">Open Search</span></a> </div> <a href="javascript:;" class="header-main__hamburger-icon"> <span class="harburger-icon__stick"></span> <span class="harburger-icon__stick"></span> <span class="harburger-icon__stick"></span> <span class="harburger-icon__stick"></span> <span class="invisible">Menu Icon</span> </a> </div> </div> </div> <nav class="header-main__nav header-navigation"> <div class="container-fluid"> <div class="header-navigation__wrapper" data-header> <a href='/no-no/drinking-and-your-body' class="h3 header-navigation__link" data-header-link> Alkoholkonsum og kroppen din <div class="header-navigation__arrow-right position-relative icon-caret-right"> </div> </a> <a href='/no-no/drinking-and-your-mind' class="h3 header-navigation__link" data-header-link> Alkoholkonsum og tankene dine <div class="header-navigation__arrow-right position-relative icon-caret-right"> </div> </a> <a href='/no-no/support-with-drinking' class="h3 header-navigation__link" data-header-link> Støtte ved alkoholproblem <div class="header-navigation__arrow-right position-relative icon-caret-right"> </div> </a> <a href='/no-no/about-alcohol' class="h3 header-navigation__link" data-header-link> Om alkohol <div class="header-navigation__arrow-right position-relative icon-caret-right"> </div> </a> <div class="header-navigation__secondary-links"> <a href='/no-no/audit-quiz' class="header-navigation__secondary-link" data-header-link>Ta risikovurderingstesten vår</a> <a href='/no-no/knowledge-quiz' class="header-navigation__secondary-link" data-header-link>Test dine kunnskaper om alkohol</a> <a href='/no-no/get-help' class="header-navigation__secondary-link" data-header-link>Få hjelp</a> <a href='/no-no/about-us' class="header-navigation__secondary-link" data-header-link>Om DRINKiQ</a> </div> <a href="javascript:;" class="header-navigation__droplist" data-header-link><p>Vennligst velg din plassering: <span class="header-navigation__current-lang"> Norge - Bokmål </span> <span class="header-navigation__chevron-icon d-inline-flex align-items-center"><svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.862 0.861816L11.8048 1.80463L6.00005 7.60936L0.195312 1.80463L1.13812 0.861816L6.00005 5.72375L10.862 0.861816Z" fill="currentColor"></path></svg></span> </p> </a> <div class="header-navigation__languages-list"> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-au' aria-label='Australia - English' title='EN-AU Language Switch' lang='en-au' lang-name='Australia - English'>Australia - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/nl-be' aria-label='België - Nederlands' title='NL-BE Language Switch' lang='nl-be' lang-name='België - Nederlands'>België - Nederlands</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/fr-be' aria-label='Belgique - Français' title='FR-BE Language Switch' lang='fr-be' lang-name='Belgique - Français'>Belgique - Français</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-be' aria-label='Belgium - English' title='EN-BE Language Switch' lang='en-be' lang-name='Belgium - English'>Belgium - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/pt-br' aria-label='Brasil - Português' title='PT-BR Language Switch' lang='pt-br' lang-name='Brasil - Português'>Brasil - Português</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-cm' aria-label='Cameroon - English' title='EN-CM Language Switch' lang='en-cm' lang-name='Cameroon - English'>Cameroon - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/fr-cm' aria-label='Cameroon - Français' title='FR-CM Language Switch' lang='fr-cm' lang-name='Cameroon - Français'>Cameroon - Français</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-ca' aria-label='Canada - English' title='EN-CA Language Switch' lang='en-ca' lang-name='Canada - English'>Canada - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/fr-ca' aria-label='Canada - Français' title='FR-CA Language Switch' lang='fr-ca' lang-name='Canada - Français'>Canada - Français</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/es-co' aria-label='Colombia - Español' title='ES-CO Language Switch' lang='es-co' lang-name='Colombia - Español'>Colombia - Español</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/da-dk' aria-label='Danmark - Dansk' title='DA-DK Language Switch' lang='da-dk' lang-name='Danmark - Dansk'>Danmark - Dansk</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/de-de' aria-label='Deutschland - Deutsch' title='DE-DE Language Switch' lang='de-de' lang-name='Deutschland - Deutsch'>Deutschland - Deutsch</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/es-es' aria-label='España - Español' title='ES-ES Language Switch' lang='es-es' lang-name='España - Español'>España - Español</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/es-us' aria-label='Estados Unidos - Español' title='ES-US Language Switch' lang='es-us' lang-name='Estados Unidos - Español'>Estados Unidos - Español</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-gh' aria-label='Ghana - English' title='EN-GH Language Switch' lang='en-gh' lang-name='Ghana - English'>Ghana - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-in' aria-label='India - English' title='EN-IN Language Switch' lang='en-in' lang-name='India - English'>India - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/id-id' aria-label='Indonesia - Bahasa Indonesia' title='ID-ID Language Switch' lang='id-id' lang-name='Indonesia - Bahasa Indonesia'>Indonesia - Bahasa Indonesia</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-ie' aria-label='Ireland - English' title='EN-IE Language Switch' lang='en-ie' lang-name='Ireland - English'>Ireland - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/it-it' aria-label='Italia - Italiano' title='IT-IT Language Switch' lang='it-it' lang-name='Italia - Italiano'>Italia - Italiano</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-ke' aria-label='Kenya - English' title='EN-KE Language Switch' lang='en-ke' lang-name='Kenya - English'>Kenya - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/sw-ke' aria-label='Kenya - Kiswahili' title='SW-KE Language Switch' lang='sw-ke' lang-name='Kenya - Kiswahili'>Kenya - Kiswahili</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-lb' aria-label='Lebanon - English' title='EN-LB Language Switch' lang='en-lb' lang-name='Lebanon - English'>Lebanon - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/hu-hu' aria-label='Magyarország - Magyar' title='HU-HU Language Switch' lang='hu-hu' lang-name='Magyarország - Magyar'>Magyarország - Magyar</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/es-mx' aria-label='México - Español' title='ES-MX Language Switch' lang='es-mx' lang-name='México - Español'>México - Español</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/nl-nl' aria-label='Nederland - Nederlands' title='NL-NL Language Switch' lang='nl-nl' lang-name='Nederland - Nederlands'>Nederland - Nederlands</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-nz' aria-label='New Zealand - English' title='EN-NZ Language Switch' lang='en-nz' lang-name='New Zealand - English'>New Zealand - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-ng' aria-label='Nigeria - English' title='EN-NG Language Switch' lang='en-ng' lang-name='Nigeria - English'>Nigeria - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/no-no' aria-label='Norge - Bokmål' title='NO-NO Language Switch' lang='no-no' lang-name='Norge - Bokmål'>Norge - Bokmål</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-pem' aria-label='PEM - English' title='EN-PEM Language Switch' lang='en-pem' lang-name='PEM - English'>PEM - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/fr-pem' aria-label='PEM - Français' title='FR-PEM Language Switch' lang='fr-pem' lang-name='PEM - Français'>PEM - Français</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/pt-pem' aria-label='PEM - Português' title='PT-PEM Language Switch' lang='pt-pem' lang-name='PEM - Português'>PEM - Português</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/es-pe' aria-label='Perú - Español' title='ES-PE Language Switch' lang='es-pe' lang-name='Perú - Español'>Perú - Español</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-ph' aria-label='Philippines - English' title='EN-PH Language Switch' lang='en-ph' lang-name='Philippines - English'>Philippines - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/pl-pl' aria-label='Polska - Polski' title='PL-PL Language Switch' lang='pl-pl' lang-name='Polska - Polski'>Polska - Polski</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/pt-pt' aria-label='Portugal - Português' title='PT-PT Language Switch' lang='pt-pt' lang-name='Portugal - Português'>Portugal - Português</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/es-do' aria-label='República Dominicana - Español' title='ES-DO Language Switch' lang='es-do' lang-name='República Dominicana - Español'>República Dominicana - Español</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/ro-ro' aria-label='România - Română' title='RO-RO Language Switch' lang='ro-ro' lang-name='România - Română'>România - Română</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-sc' aria-label='Seychelles - English' title='EN-SC Language Switch' lang='en-sc' lang-name='Seychelles - English'>Seychelles - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-sg' aria-label='Singapore - English' title='EN-SG Language Switch' lang='en-sg' lang-name='Singapore - English'>Singapore - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-za' aria-label='South Africa - English' title='EN-ZA Language Switch' lang='en-za' lang-name='South Africa - English'>South Africa - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/sv-se' aria-label='Sverige - Svenska' title='SV-SE Language Switch' lang='sv-se' lang-name='Sverige - Svenska'>Sverige - Svenska</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-gb' aria-label='United Kingdom - English' title='EN-GB Language Switch' lang='en-gb' lang-name='United Kingdom - English'>United Kingdom - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/en-us' aria-label='United States - English' title='EN-US Language Switch' lang='en-us' lang-name='United States - English'>United States - English</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/es-uy' aria-label='Uruguay - Español' title='ES-UY Language Switch' lang='es-uy' lang-name='Uruguay - Español'>Uruguay - Español</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/es-ve' aria-label='Venezuela - Español' title='ES-VE Language Switch' lang='es-ve' lang-name='Venezuela - Español'>Venezuela - Español</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/vi-vn' aria-label='Việt Nam - Tiếng việt' title='VI-VN Language Switch' lang='vi-vn' lang-name='Việt Nam - Tiếng việt'>Việt Nam - Tiếng việt</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/el-gr' aria-label='Ελλάδα - Ελληνικά' title='EL-GR Language Switch' lang='el-gr' lang-name='Ελλάδα - Ελληνικά'>Ελλάδα - Ελληνικά</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/th-th' aria-label='ประเทศไทย - ไทย' title='TH-TH Language Switch' lang='th-th' lang-name='ประเทศไทย - ไทย'>ประเทศไทย - ไทย</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/ko-kr' aria-label='대한민국 - 한국인' title='KO-KR Language Switch' lang='ko-kr' lang-name='대한민국 - 한국인'>대한민국 - 한국인</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/zh-tw' aria-label='台灣 - 繁體中文' title='ZH-TW Language Switch' lang='zh-tw' lang-name='台灣 - 繁體中文'>台灣 - 繁體中文</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/ja-jp' aria-label='日本ー日本語' title='JA-JP Language Switch' lang='ja-jp' lang-name='日本ー日本語'>日本ー日本語</a> <a class="switch__lang header-navigation__language homepage" role="link" tabindex="0" href='/ru-ru' aria-label='Russia - Russian' title='RU-RU Language Switch' lang='ru-ru' lang-name='Russia - Russian'>Russia - Russian</a> </div> </div> </div> </nav> <div class="search-main-head-wrapper"> <div class="search-box-wrapper theme-blue"> <div class="container-fluid position-relative"> <div class="search-box__container w-100"> <div class="search-box__title"><p>Hvordan kan vi hjelpe deg?</p></div> <div id="searchHeader" class="search-head-wrapper" data-v-app=""> <div class="search__head__filter--text d-flex align-items-center w-100"> <input id="searchinput" type="text" name="" placeholder="Nøkkelord, spørsmål, bekymring" autocomplete="off" class="search-txt search-head-txt h2 m-0 w-100" v-model="autoHeadCompleteInput" ref="searchInput" @keyup="handleHeadAutocompleteKeyup" @keydown="handleHeadArrowNavigation" @keyup.enter="searchHeadButtonRequest" @input="sanitizeHeadInput" /> <button id="searchHeadBtn" class="search-btn searchHeadBtn icon-search"> <span class="search-button__icons"> <img src="/~/media/Images/D/drinkiq/Universal/icons/search-white.svg" alt="icon-white-search" class="search-button__icon-search"/> <img src="/~/media/Images/D/drinkiq/Universal/icons/close-white.svg" alt="icon-white-search" class="search-button__icon-close"/> </span> <span class="invisible">Search Button</span></button> </div> <div class="search-auto-complete"> <ul v-show="showHeadAutocompleteData" class="seach__autocomplete--data" v-if="autoHeadCompleteInput.length > 3"> <li class="seach__autocomplete--data-item" v-for="(value, key, index) in autoHeadCompleteDataObject" :key="key" :class="{ 'focused': focusedItemHeadIndex === index }"> <a href="javascript:;" @click="selectHeadItem(key)"> <span class="key" v-html="boldMatchedPart(key)"></span><span class="value"><strong>({{ value }})</strong></span> </a> </li> </ul> </div> </div> <div class="search-box__recent_keywords"> <p class="search-box__tags-title">Recent keywords</p> <ul> </ul> </div> <div class="search-box__tags"> <p class="search-box__tags-title">Emner</p> <div class="search-box__tag-list"> <ul class="search-box__tags-list"> <li><a href="/no-no/drinking-and-your-body">Alkoholkonsum og kroppen din</a></li> <li><a href="/no-no/drinking-and-your-mind">Alkoholkonsum og tankene dine</a></li> <li><a href="/no-no/support-with-drinking">Støtte ved alkoholproblem</a></li> <li><a href="/no-no/about-alcohol">Om alkohol</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> </header>  <main role="main" id="main-content-wrapper" class="main-content-wrapper " data-polltype="motivation">  <div id="quizApp" v-cloak> <transition name="fade-in-top" mode="out-in" appear appear-class="animate__animated animate__fadeIn" enter-active-class="animate__animated animate__fadeIn" leave-active-class="animate__animated animate__fadeOut"> <section v-if="setTeaserMessagesScreen" key="teaser" class="setTeaserMessagesScreen quiz-start-wrapper pb-0"> <div class="container-fluid"> <div class="quiz-start column-start-1 column-end-13"> <div :class="['quiz-start-content-and-image', startQuiz ? 'delay-start' : '']"> <div class="quiz-start-content-bg"></div> <div class="quiz-start-image-wrapper"> <img class="w-100" :src="`${teaser_messages[randomTeaserIndex]?.teaser_image}`" :alt="`${teaser_messages[randomTeaserIndex]?.teaser_message}`" /> </div> <transition name="fade-in-top" mode="out-in" appear appear-class="animate__animated animate__fadeIn" enter-active-class="animate__animated animate__fadeIn" leave-active-class="animate__animated animate__fadeOut"> <div v-if="setTeaserMainScreenActive" key="main-screen" class="quiz-start-content-wrapper"> <div class="question-wrapper position-relative"> <div class="question-one"> <h1 class="question fw-800">{{ quiz_heading }}</h1> <div class="cta-wrapper mt-20 mb-30"> <button @click="setTeaserMainScreen" class="cta cta-primary">{{ quiz_cta_text }}</button> </div> <div class="intro-text-wrapper"> <p class="intro-text">{{ quiz_brought_by_text }}</p> </div> </div> </div> </div> <div v-else key="teaser-message" class="quiz-start-content-wrapper"> <div :class="['quiz-teaser-message', teaserMessage ? 'delay-teaser' : '']"> <h2 class="teaser-message-title fw-800 mb-0">{{ teaser_messages[randomTeaserIndex]?.teaser_message }}</h2> <p class="teaser-message-text fw-800 color-blue pt-40 mb-0">{{ teaser_question }}</p> </div> </div> </transition> </div> </div> </div> </section> <div v-else-if="quizStartPanelScreen" key="start-panel" class="quizStartPanelScreen quiz"> <div class="container-fluid quiz_loaded"> <div class="column-start-1 column-end-13"> <div class="quiz__grid"> <div class="quiz__backgroundBar bgColorStrip" :style="{ backgroundColor: quizStartPanelScreenBGColor }"></div> <div class="quiz__question"> <div class="quiz__questionWrapper"> <hr /> <h1 class="mb-0">{{ quizSetupQuery }}</h1> </div> </div> <div class="quiz__options"> <div class="quiz__optionsWrapper quizStartPanelScreenOptions" v-for="option in quizSetupQueryOptions" :key="option"> <button @click="setquizStartPanelScreen" type="button" class="quiz__option" tabindex="0" v-if="option.quiz_setup_query_option !== ''"> <div class="optionImage quiz__optionImage"> <img class="w-100" :src="`${option.quiz_setup_query_option_image}`" :alt="`${option.quiz_setup_query_option}`" /> </div> <div class="quiz__optionText text"> <p>{{ option.quiz_setup_query_option }}</p> </div> </button> </div> </div> <div :class="['quiz__navigation', currentQuestion > 1 ? 'justify-content-between' : 'justify-content-end']"> <div v-if="currentQuestion > 1" class="quiz__navigationItems"> <a href="javascript:;" class="quiz__navigation_button" @click="goToPreviousQuestion"> <span class="quiz__navigation_button_label">Se forrige svar</span> </a> </div> <button @click="exitPopup" aria-label="Exit" class="exit_cta audit-exit-btn" type="button"> Avslutt</button> <div v-if="exitBox" :style="{ display: exitBox ? 'block' : '' }" class="exit-popup-wrapper one"> <div class="exit-popup" role="alertdialog"> <div class="exit-popup-content d-flex align-items-center text-align-center"> <h2 class="mb-30"> Vil du avslutte quizen?</h2> <p class="mb-40"> Fremgangen din går tapt</p> <a class="cta cta-primary mb-40" v-on:click="exitPopupClose" href="javascript:;"> Fortsett med quizen</a> <a class="exit-popup-exit-button" href="/no-no" @click="clearLocalstorageData"> Avslutt quizen</a> </div> </div> </div> </div> </div> </div> </div> </div> <section v-else-if="quizResultpanelScreen" key="result-panel" class="quizResultpanelScreen quiz-result-page"> <section class="quiz-result-score"> <div class="container-fluid"> <div class="quiz-result-wrapper column-start-1 column-end-13"> <div class="quiz-result-box position-relative"> <div class="quiz-result position-relative d-flex"> <div class="quiz-result-image-wrapper position-relative"> <img class="w-100" :src="`${score_image}`" alt="`{score_text}`" /> <div class="score-wrapper position-absolute"> <h2 class="score-print">{{ currentScore }}</h2> </div> </div> <div class="quiz-result-score-wrapper justify-content-center d-flex align-items-center text-align-center position-relative"> <div class="quiz-result-score text-align-center"> <h2 v-html="score_text"></h2> <button class="cta cta-secondary" @click="resetQuiz">{{ take_quiz_again_cta_text }}</button> <h2 class="mt-80 fw-700 body-lg mb-16">DEL</h2> <div class="share-icons "> <a href="javascript:;" class="share-on-facebook icon round-icon-facebook d-flex justify-content-center align-items-center facebook-icon-round position-relative"><span class="invisible">facebook</span></a> <a href="javascript:;" class="share-on-twitter icon round-icon-twitter d-flex justify-content-center align-items-center twitter-icon-round position-relative"><span class="invisible">twitter</span></a> <a href="javascript:;" class="share-on-linkedin icon round-icon-linkedin d-flex justify-content-center align-items-center linkedin-icon-round position-relative"><span class="invisible">linkedin</span></a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="quiz-articles"> <div class="container-fluid"> <div class="quiz-articles__title"> <h2 class="h2-lg mb-0 pb-50">Hvis du vil bli bedre informert om forholdet ditt til å drikke, kan du komme i gang her.</h2> </div> <div class="quiz-articles__wrapper"> <a href='/no-no/about-alcohol/what-are-drinking-guidelines-and-why-are-they-important' class="quiz-articles__article"> <div class="quiz-articles__anchor-wrapper"> <div class="quiz-articles__anchor-image mb-20"> <img src="/~/media/Images/D/drinkiq/Universal/drinkiq--images/in-english/banner-module-images/about-alcohol/what-are-drinking-guidelines-ill.webp" alt='Hva er retningslinjene for alkoholkonsum, og hvorfor er de så viktige?' class="quiz-articles__img"/> </div> <div class="quiz-articles__anchor-content"> <p class="quiz-articles__anchor-title mb-20">Om alkohol</p> <p class="quiz-articles__anchor-intro mb-0 body-lg">Hva er retningslinjene for alkoholkonsum, og hvorfor er de så viktige?</p> </div> </div> </a> <a href='/no-no/drinking-and-your-mind/what-are-the-effects-of-drinking-on-mental-health' class="quiz-articles__article"> <div class="quiz-articles__anchor-wrapper"> <div class="quiz-articles__anchor-image mb-20"> <img src="/~/media/Images/D/drinkiq/Universal/drinkiq--images/in-english/banner-module-images/drinking-and-your-mind/mental-health-ill-hero.webp" alt='Hvilke effekter har alkoholkonsum på mental helse?' class="quiz-articles__img"/> </div> <div class="quiz-articles__anchor-content"> <p class="quiz-articles__anchor-title mb-20">Alkoholkonsum og tankene dine</p> <p class="quiz-articles__anchor-intro mb-0 body-lg">Hvilke effekter har alkoholkonsum på mental helse?</p> </div> </div> </a> <a href='/no-no/drinking-and-your-body/how-does-drinking-affect-general-health' class="quiz-articles__article"> <div class="quiz-articles__anchor-wrapper"> <div class="quiz-articles__anchor-image mb-20"> <img src="/~/media/Images/D/drinkiq/Universal/drinkiq--images/in-english/banner-module-images/drinking-and-your-body/drinkingandhealth-hero-16-9-1600x900.webp" alt='Hvordan påvirker alkoholkonsum generell helse?' class="quiz-articles__img"/> </div> <div class="quiz-articles__anchor-content"> <p class="quiz-articles__anchor-title mb-20">Alkoholkonsum og kroppen din</p> <p class="quiz-articles__anchor-intro mb-0 body-lg">Hvordan påvirker alkoholkonsum generell helse?</p> </div> </div> </a> </div> <div class="quiz-articles__link mt-50 mb-50"> <a href=/no-no/about-alcohol data-linktype='internal' class="cta cta-secondary"> Find more facts and guidance </a> </div> </div> </section> <section class="quiz-audit"> <div class="container-fluid"> <div class="quiz-audit__wrapper"> <div class="quiz-audit__image"> <img class="quiz-audit__img" src='/~/media/Images/D/drinkiq/Universal/quiz/audit_hero.webp' alt='Ta risikovurderingstesten vår' /> </div> <div class="quiz-audit__content"> <div class="quiz-audit__top"> <h2>Ta risikovurderingstesten vår</h2> <p>Ta risikovurderingstesten vår</p> </div> <div class="quiz-audit__bottom"> <a href=/no-no/audit data-linktype='internal' class="quiz-audit__anchor"> <span class="quiz-audit__link-text"> Audit Quiz </span> <i class="cta cta-round"></i> </a> </div> </div> </div> </div> </section> </section> <div v-else key="quiz-questions" class="quiz"> <transition name="fade-in-top" mode="out-in" appear appear-class="animate__animated animate__fadeIn" enter-active-class="animate__animated animate__fadeIn" leave-active-class="animate__animated animate__fadeOut"> <div v-if="correctOptionTitle.length > 0" key="correct-answer" class="quiz-answered"> <div class="container-fluid quiz_answered"> <div class="column-start-1 column-end-13"> <div class="quiz__grid"> <div :class="['bg_images_wrapper', 'quiz__carousel', 'teal_patch', `quiz__carousel-${bgCarouselcolor}`]"> <div class="swiper w-100 h-100"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(bg_image, index) in quiz_question_panel[currentQuestion-1].bg_images" :key="index"> <img class="h-100" :src="`${bg_image.bg_image}`" :alt="`${bg_image.bg_image.split('/').pop().split('.')[0]}`" /> </div> </div> </div> </div> <div class="quiz__question"> <div class="quiz__questionWrapper"> <span>Spørsmål {{ currentQuestion }}/{{ totalQuestions }}</span> <hr /> <h1 class="questionHeading mb-0">{{ currentQuestionTitle }}</h1> </div> </div> <div class="quiz__answerExplanation"> <div class="quiz__answerExplanationWrapper"> <div class="quiz__answerExplanation-title"> <p>{{ correctOptionTitle }}</p> </div> <div class="quiz__answerExplanation-desc"> <p>{{ correctOptionDesc }}</p> </div> <p v-if="quiz_question_panel[currentQuestion-1].agree_disagree_cta == 1" class="fw-700">{{ agree_disagree_title }}</p> <div v-if="quiz_question_panel[currentQuestion-1].agree_disagree_cta == 1" class="agree-disagree-cta-wrapper d-flex align-items-center mt-20"> <button @click="nextQuestion" class="cta agree-cta">{{ agree_cta_text }}</button> <button @click="nextQuestion" class="cta disagree-cta">{{ disagree_cta_text }}</button> </div> <div v-else class="quiz__answerExplanation-next"> <button class="cta" @click="nextQuestion">{{ next_questions_cta_text }}</button> </div> </div> </div> <div :class="['quiz__navigation', currentQuestion > 0 ? 'justify-content-between' : 'justify-content-end']"> <div v-if="currentQuestion > 0" class="quiz__navigationItems"> <div v-if="showPrevButton" class="d-flex"> <a href="javascript:;" class="quiz__navigation_button pl-15 ansScreenPrevButton" @click="prevQuestionAnswerPanel"> <span class="position-relative">Se forrige svar</span> </a> </div> </div> <button @click="exitPopup" aria-label="Exit" class="exit_cta audit-exit-btn" type="button"> Avslutt</button> <div v-if="exitBox" :style="{ display: exitBox ? 'block' : '' }" class="exit-popup-wrapper"> <div class="exit-popup" role="alertdialog"> <div class="exit-popup-content d-flex align-items-center text-align-center"> <h2 class="mb-30">Vil du avslutte quizen?</h2> <p class="mb-40">Fremgangen din går tapt</p> <a class="cta cta-primary mb-40" v-on:click="exitPopupClose" href="javascript:;">Fortsett med quizen</a> <a class="exit-popup-exit-button" href="/no-no" @click="clearLocalstorageData">Avslutt quizen</a> </div> </div> </div> </div> </div>  </div> </div> </div> <div v-else key="question" class="quiz-question"> <div class="container-fluid quiz_loaded"> <div class="column-start-1 column-end-13"> <div class="quiz__grid"> <div class="quiz__backgroundBar bg-height" :style="{ backgroundColor: quiz_question_panel[currentQuestion]?.bg_color }"></div> <div :key="quiz_question_panel[currentQuestion].question" class="quiz__question"> <div class="quiz__questionWrapper"> <span>Spørsmål {{ currentQuestion + 1 }}/{{ totalQuestions }}</span> <hr /> <h1 class="questionHeading mb-0"> {{ quiz_question_panel[currentQuestion].question }} </h1> </div> </div> <div class="options quiz__options"> <div class="quiz__optionsWrapper" v-for="(option, index) in quiz_question_panel[currentQuestion].options" :key="index"> <button @click="selectAns(index)" :class="[{'no-image': !option.option_image && !quiz_question_panel[currentQuestion]?.true_false_options}, 'quiz__option']" tabindex="0" type="button" :ref="'option' + index" :data-index="index"> <div v-if="quiz_question_panel[currentQuestion]?.true_false_options && index < 1" class="imageWrapper quiz__optionImage true-false-option"> <img :src="`${quiz_question_panel[currentQuestion].true_false_option_image}`" :alt="`${quiz_question_panel[currentQuestion].true_false_option_image.split('/').pop().split('.')[0]}`" /> </div> <div v-if="option.option_image" class="imageWrapper quiz__optionImage"> <img :src="`${option.option_image}`" :alt="`${option.option}`" /> </div> <div class="quiz__optionText"> <p>{{ option.option }}</p> </div> </button> </div> </div> <div :class="['quiz__navigation', currentQuestion > 0 ? 'justify-content-between' : 'justify-content-end']"> <div v-if="currentQuestion > 0" class="quiz__navigationItems"> <div v-if="showPrevButton" class="d-flex"> <a href="javascript:;" class="quiz__navigation_button pl-15"> <span class="position-relative" @click="prevQuestion">Se forrige svar</span> </a> </div> </div> <button @click="exitPopup" aria-label="Exit" class="exit_cta audit-exit-btn" type="button"> Avslutt</button> <div v-if="exitBox" :style="{ display: exitBox ? 'block' : '' }" class="exit-popup-wrapper"> <div class="exit-popup" role="alertdialog"> <div class="exit-popup-content d-flex align-items-center text-align-center"> <h2 class="mb-30">Vil du avslutte quizen?</h2> <p class="mb-40">Fremgangen din går tapt</p> <a class="cta cta-primary mb-40" v-on:click="exitPopupClose" href="javascript:;">Fortsett med quizen</a> <a class="exit-popup-exit-button" href="/no-no" @click="clearLocalstorageData">Avslutt quizen</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </transition> </div> </transition> <transition name="fade-in-top" mode="out-in" appear appear-class="animate__animated animate__zoomIn" enter-active-class="animate__animated animate__zoomIn" leave-active-class="animate__animated animate__zoomOut"> <div v-if="exitBox" class="exit-popup-wrapper "> </div> </transition> </div>  </main>  <footer role="contentinfo" class=" "> <div class="footer bg-blue"> <div class="container-fluid"> <div class="footer-logo"> <a href="https://www.diageo.com" title="Link to Homepage"> <img src="/~/media/Images/D/drinkiq/Universal/logo/footer-logo.svg?iar=0" alt="logo image" Source="/sitecore/content/D/drinkiq/Global/homepage/chunk-fields/fields" DisableWebEdit="True" /> </a> <p class="pt-16">© 2024 Diageo</p> </div> <div class="footer-links"> <ul> <li><a href="/cdn-cgi/l/email-protection#553c3b333a273834213c3a3b1531273c3b3e3c247b363a38">Kontakt oss</a></li> <li><a href="/no-no/site-services/conditions-of-use" title="Bruksvilkår">Bruksvilkår</a></li> <li><a rel="noopener noreferrer" class="external-link-icon" href="https://www.diageoprivacycentre.com/no-no?pp=https://footer.diageohorizon.com/dfs/assets/www.drinkiq.com/PrivacyPolicy_no.html?locale=no-no" target="_blank" title="Åpnes i et nytt vindu">Diageo Personvernssenter</a></li> <li><a href="/no-no/site-services/community-guidelines" title="Retningslinjer for fellesskapet">Retningslinjer for fellesskapet</a></li> <li><a href="/no-no/site-services/accessibility" title="Tilgjengelighet">Tilgjengelighet</a></li> <li><a class="optanon-toggle-display cookie-settings-button" title="Personverninnstillinger" href="javascript:void(0);" id="dg_COOKIE_LINK">Personverninnstillinger</a></li> <li><a href="/no-no/site-services/privacy-and-cookie-notice" title="Personvern- og informasjonskapselvarsel">Personvern- og informasjonskapselvarsel</a></li> <li><a rel="noopener noreferrer" class="external-link-icon" href="https://responsibledrinking.eu/" target="_blank" title="Åpnes i et nytt vindu">Drikk ansvarlig</a></li> <li><a href="/no-no">DrinkIQ</a></li> <li><a rel="noopener noreferrer" class="external-link-icon" href="http://www.thebar.com" target="_blank" title="Åpnes i et nytt vindu">theBar.com</a></li> <li>Vennligst ikke del med noen under lovlig kjøpsalder for alkohol. Drikk ansvarlig.</li> </ul> </div> </div> </div> <div id="footer"></div> </footer>  <div id="__JSONMENU" class="ui-helper-hidden"></div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="/no-no/javascripts/shared/global.js?revision=1e9b0b18-0d87-4f5a-94a8-1b392f3bd4c8" ></script> <script type ="text/javascript" src="/javascripts/ResourceHandlermerge.js?0=%7B635826DB-8A08-47DB-995A-3D550BB16BD8%7D&1=%7B22697BA3-2BC8-4E09-B1F5-B50718D0F91A%7D&3=%7B051A724B-354B-4BDC-A09D-7645BC0A9031%7D&4=%7BC9648085-B297-4990-8FE4-EE72614AA432%7D&5=%7BF7FAE9FF-DCD4-470C-B4B6-2D08AC991C3A%7D&6=%7B43F63528-0EC9-4E59-810A-4364C473962E%7D&7=%7BC8F30F5D-B7AA-4B09-9575-B4CB94A9719D%7D&8=%7B079E992D-7D18-4D17-97B3-73240DB48D0E%7D&9=%7BA7E53680-23C5-4727-860D-6513908B74DF%7D&10=%7BBFB6264F-29EB-44E6-BD49-98949CF0C680%7D&11=%7B8BC19752-61DB-4657-A756-F9815054B2BB%7D&sc_lang=no-NO&revision=7e8654fd-0c29-4115-8171-121033bd4caa"></script> <script type="text/javascript" src="/no-no/javascripts/shared/quiz.js?revision=3853f0ff-c356-45d5-be5a-6949536e18c1" ></script> <script type="text/javascript" src="/no-no/javascripts/shared/secondary-banner.js?revision=f205e98d-53f9-47a8-ba50-3869df8a9ca0" ></script> </body> </html>

CINXE.COM

Knowledge Quiz | DRINKiQ NO