CINXE.COM
Knowledge Quiz | DRINKiQ VN
<!DOCTYPE html> <html lang="vi-VN" xml:lang="vi-VN" xmlns="http://www.w3.org/1999/xhtml" > <head> <!-- IS-I1-CD-W-152 --> <title>Knowledge Quiz | DRINKiQ VN</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"><link rel="shortcut icon" type="image/x-icon" href="~/media/D1CB20B41F7343DF86741D1262210AEB.ico" /><link rel ="canonical" href="https://www.drinkiq.com/vi-vn/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="Bài trắc nghiệm DRINKiQ sẽ giúp bạn tìm hiểu mức độ bạn thực sự biết về việc sử dụng đồ uống có cồn" /> <link rel="alternate" hreflang="x-default" href="https://www.drinkiq.com/" /><!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <meta name="google-site-verification" content="7go0U7ivHPCpt3tAV1XDCXPTHdfOPGS6Xhi1dF87JgE" /> <meta property="og:url" content="https://www.drinkiq.com/vi-vn/quiz" /> <meta property="og:image" content="/~/media/Images/D/drinkiq/Universal/og-images/vi-vn/quiz-og.jpg" /> <meta name="twitter:image" content="/~/media/Images/D/drinkiq/Universal/og-images/vi-vn/quiz-twitter.jpg" /> <meta property="og:title" content='Knowledge Quiz| DRINKiQ VN' /> <meta name="twitter:title" content='Knowledge Quiz| DRINKiQ VN' /> <meta property="og:description" content='Bài trắc nghiệm DRINKiQ sẽ giúp bạn tìm hiểu mức độ bạn thực sự biết về việc sử dụng đồ uống có cồn' /> <meta name="twitter:description" content='Bài trắc nghiệm DRINKiQ sẽ giúp bạn tìm hiểu mức độ bạn thực sự biết về việc sử dụng đồ uống có cồn' /> <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://unpkg.com/axios/dist/axios.min.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='/vi-vn/stylesheets/shared/bootstrap.css?revision=e6f9a20a-3e49-4783-87c6-a161936bf261' rel="stylesheet" type="text/css" media="all" /> <link href='/vi-vn/stylesheets/shared/utility.css?revision=e6f9a20a-3e49-4783-87c6-a161936bf261' rel="stylesheet" type="text/css" media="all" /> <link href='/vi-vn/stylesheets/shared/fonts.css?revision=e6f9a20a-3e49-4783-87c6-a161936bf261' rel="stylesheet" type="text/css" media="all" /> <link href='/vi-vn/stylesheets/shared/drinkiq-global.css?revision=8672ccd9-e385-4bd5-9949-e9cca89c6fc8' 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.12.1/jquery-ui.js"></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="/vi-vn/stylesheets/shared/global-variables.css?revision=e960f228-1bdd-41fc-83cf-9dbf7dff4576" 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=vi-VN&revision=4935b53d-aba2-4af5-bd80-db77a64c0fee" 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="/vi-vn/stylesheets/shared/global-variables.css?revision=e960f228-1bdd-41fc-83cf-9dbf7dff4576" rel="stylesheet" type="text/css" media="all" /> <link href="/vi-vn/stylesheets/shared/drinkiq-global.css?revision=8672ccd9-e385-4bd5-9949-e9cca89c6fc8" rel="stylesheet" type="text/css" media="all" /> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <!-- Investis Sitecore common GTM --> <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> <!-- End Investis Sitecore common GTM --> </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> <!-- Investis Sitecore common GTM (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7HFFG4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Investis Sitecore common GTM (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> <!--pilot--> <!--skipsearch--> <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>Vui lòng chon vị trí của bạn:</strong></p> <div class="language__select"> <div class="language__select-wrapper"> <select aria-label='Vui lòng chon vị trí của bạn:' name="locales" language-select> <optgroup label='Languages available in your region'></optgroup> </select> </div> <a href="" class="cta cta-primary" language-switch>Switch language</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="/vi-VN" 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 logo" width="" height="" /> <figcaption class="d-none">DrinkIQ logo</figcaption> </figure> </a> <a class="header-logo-white m-0 header-main__logo-anchor" href="/vi-VN" 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='/vi-vn/drinking-and-your-body' class="h3 header-navigation__link" data-header-link> Uống rượu bia và cơ thể bạn <div class="header-navigation__arrow-right position-relative icon-caret-right"> </div> </a> <a href='/vi-vn/drinking-and-your-mind' class="h3 header-navigation__link" data-header-link> Uống rượu bia và tâm trí bạn <div class="header-navigation__arrow-right position-relative icon-caret-right"> </div> </a> <a href='/vi-vn/support-with-drinking' class="h3 header-navigation__link" data-header-link> Hỗ trợ liên quan đến vấn đề uống rượu bia <div class="header-navigation__arrow-right position-relative icon-caret-right"> </div> </a> <a href='/vi-vn/about-alcohol' class="h3 header-navigation__link" data-header-link> Thông tin về thức uống có cồn <div class="header-navigation__arrow-right position-relative icon-caret-right"> </div> </a> <div class="header-navigation__secondary-links"> <a href='/vi-vn/audit-quiz' class="header-navigation__secondary-link" data-header-link>Làm bài kiểm tra tự đánh giá về việc sử dụng rượu bia</a> <a href='/vi-vn/knowledge-quiz' class="header-navigation__secondary-link" data-header-link>Kiểm tra kiến thức của bạn về đồ uống có cồn</a> <a href='/vi-vn/get-help' class="header-navigation__secondary-link" data-header-link>Đề nghị hỗ trợ</a> <a href='/vi-vn/about-us' class="header-navigation__secondary-link" data-header-link>Về DRINKiQ</a> <a href='/vi-vn/sober-vs-drink-driving' class="header-navigation__secondary-link" target='_blank' title='Opens in a new window' data-header-link>Tỉnh táo Lái xe và Uống rượu bia Lái xe</a> </div> <a href="javascript:;" class="header-navigation__droplist" data-header-link><p>Vui lòng chon vị trí của bạn: <span class="header-navigation__current-lang"> Việt Nam - Tiếng việt </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>Chúng tôi có thể giúp gì cho bạn?</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="" maxlength="30" placeholder="Từ khóa, câu hỏi, quan ngại" 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">Chủ đề</p> <div class="search-box__tag-list"> <ul class="search-box__tags-list"> <li><a href="/vi-vn/drinking-and-your-body">Uống rượu bia và cơ thể bạn</a></li> <li><a href="/vi-vn/drinking-and-your-mind">Uống rượu bia và tâm trí bạn</a></li> <li><a href="/vi-vn/support-with-drinking">Hỗ trợ liên quan đến vấn đề uống rượu bia</a></li> <li><a href="/vi-vn/about-alcohol">Thông tin về thức uống có cồn</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> </header> <!--/skipsearch--> <main role="main" id="main-content-wrapper" class="main-content-wrapper " data-polltype="motivation"> <!--skipsearch--> <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">Xem câu trả lời trước</span> </a> </div> <button @click="exitPopup" aria-label="Exit" class="exit_cta audit-exit-btn" type="button"> Thoát</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"> Bạn có muốn thoát khỏi bài kiểm tra không?</h2> <p class="mb-40"> Tiến trình của bạn sẽ bị mất</p> <a class="cta cta-primary mb-40" v-on:click="exitPopupClose" href="javascript:;"> Tiếp tục với bài kiểm tra</a> <a class="exit-popup-exit-button" href="/vi-vn" @click="clearLocalstorageData"> Thoát khỏi bài kiểm tra</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">Hãy mời một người khác làm bài trắc nghiệm này</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">Nếu bạn muốn được thông báo tốt hơn về mối quan hệ của bạn với việc uống rượu, hãy bắt đầu tại đây.</h2> </div> <div class="quiz-articles__wrapper"> <a href='/vi-vn/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='Có những chỉ dẫn nào để giúp bạn đưa ra những quyết định có hiểu biết khi uống thức uống có cồn?' class="quiz-articles__img"/> </div> <div class="quiz-articles__anchor-content"> <p class="quiz-articles__anchor-title mb-20">Thông tin về thức uống có cồn</p> <p class="quiz-articles__anchor-intro mb-0 body-lg">Có những chỉ dẫn nào để giúp bạn đưa ra những quyết định có hiểu biết khi uống thức uống có cồn?</p> </div> </div> </a> <a href='/vi-vn/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='Uống rượu bia gây ra những tác động gì lên sức khỏe tinh thần?' class="quiz-articles__img"/> </div> <div class="quiz-articles__anchor-content"> <p class="quiz-articles__anchor-title mb-20">Uống rượu bia và tâm trí bạn</p> <p class="quiz-articles__anchor-intro mb-0 body-lg">Uống rượu bia gây ra những tác động gì lên sức khỏe tinh thần?</p> </div> </div> </a> <a href='/vi-vn/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/ko-kr/drinking-and-your-body/how-does-drinking-affect-gen-health-hero.webp" alt='Uống rượu bia ảnh hưởng như thế nào đến sức khoẻ tổng quát?' class="quiz-articles__img"/> </div> <div class="quiz-articles__anchor-content"> <p class="quiz-articles__anchor-title mb-20">Uống rượu bia và cơ thể bạn</p> <p class="quiz-articles__anchor-intro mb-0 body-lg">Uống rượu bia ảnh hưởng như thế nào đến sức khoẻ tổng quát?</p> </div> </div> </a> </div> <div class="quiz-articles__link mt-50 mb-50"> <a href=/vi-vn/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='Thực hiện kiểm tra đánh giá nguy cơ của chúng tôi' /> </div> <div class="quiz-audit__content"> <div class="quiz-audit__top"> <h2>Thực hiện kiểm tra đánh giá nguy cơ của chúng tôi</h2> <p>Thực hiện kiểm tra đánh giá nguy cơ của chúng tôi</p> </div> <div class="quiz-audit__bottom"> <a href=/vi-vn/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>Câu hỏi {{ 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">Xem câu trả lời trước</span> </a> </div> </div> <button @click="exitPopup" aria-label="Exit" class="exit_cta audit-exit-btn" type="button"> Thoát</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">Bạn có muốn thoát khỏi bài kiểm tra không?</h2> <p class="mb-40"> Tiến trình của bạn sẽ bị mất</p> <a class="cta cta-primary mb-40" v-on:click="exitPopupClose" href="javascript:;">Tiếp tục với bài kiểm tra</a> <a class="exit-popup-exit-button" href="/vi-vn" @click="clearLocalstorageData">Thoát khỏi bài kiểm tra</a> </div> </div> </div> </div> </div> <!--- <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">Bạn có muốn thoát khỏi bài kiểm tra không?</h2> <p class="mb-40"> Tiến trình của bạn sẽ bị mất</p> <a class="cta cta-primary mb-40" v-on:click="exitPopupClose" href="javascript:;">Tiếp tục với bài kiểm tra</a> <a class="exit-popup-exit-button" href='/vi-vn' @click="clearLocalstorageData">Thoát khỏi bài kiểm tra</a> </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>Câu hỏi {{ 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">Xem câu trả lời trước</span> </a> </div> </div> <button @click="exitPopup" aria-label="Exit" class="exit_cta audit-exit-btn" type="button"> Thoát</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">Bạn có muốn thoát khỏi bài kiểm tra không?</h2> <p class="mb-40"> Tiến trình của bạn sẽ bị mất</p> <a class="cta cta-primary mb-40" v-on:click="exitPopupClose" href="javascript:;">Tiếp tục với bài kiểm tra</a> <a class="exit-popup-exit-button" href="/vi-vn" @click="clearLocalstorageData">Thoát khỏi bài kiểm tra</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> <!--/skipsearch--> </main> <!--skipsearch--> <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#620b0c040d100f03160b0d0c2206100b0c090b134c010d0f">Liên hệ chúng tôi</a></li> <li><a href="/vi-vn/site-services/conditions-of-use" title="Điều kiện sử dụng">Điều kiện sử dụng</a></li> <li><a rel="noopener noreferrer" class="external-link-icon" href="https://www.diageoprivacycentre.com/vi-vn?pp=https://footer.diageohorizon.com/dfs/assets/www.drinkiq.com/PrivacyPolicy_vi.html?locale=vi-vn" target="_blank" title="Mở trong cửa sổ mới">Trung tâm quyền riêng tư Diageo</a></li> <li><a href="/vi-vn/site-services/community-guidelines" title="Nguyên tắc Cộng đồng">Nguyên tắc Cộng đồng</a></li> <li><a href="/vi-vn/site-services/accessibility" title="Khả năng tiếp cận">Khả năng tiếp cận</a></li> <li><a class="optanon-toggle-display cookie-settings-button" title="Cài đặt Quyền riêng tư" href="javascript:void(0);" id="dg_COOKIE_LINK">Cài đặt Quyền riêng tư</a></li> <li><a href="/vi-vn/site-services/privacy-and-cookie-notice" title="Thông báo về quyền riêng tư và cookie">Thông báo về quyền riêng tư và cookie</a></li> <li><a rel="noopener noreferrer" class="external-link-icon" href="https://responsibility.org/" target="_blank" title="Mở trong cửa sổ mới">Uống rượu bia có trách nhiệm</a></li> <li><a href="/vi-vn" title="DRINKiQ">DRINKiQ</a></li> <li><a rel="noopener noreferrer" class="external-link-icon" href="http://www.thebar.com" target="_blank" title="Mở trong cửa sổ mới">theBar.com</a></li> <li>Vui lòng không chia sẻ với bất kỳ ai dưới độ tuổi hợp pháp được mua rượu bia. Uống rượu bia có trách nhiệm </li> </ul> </div> </div> </div> <div id="footer"></div> </footer> <!--/skipsearch--> <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="/vi-vn/javascripts/shared/global.js?revision=562823d2-92b3-46d8-b263-abc525e3e70e" ></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=vi-VN&revision=b767c52a-99cb-4d5f-af5a-7d033bf2bc89"></script> <script type="text/javascript" src="/vi-vn/javascripts/shared/quiz.js?revision=e16420a2-6432-42d5-b9cc-07ac8c751534" ></script> </body> </html>