{"id":2352,"date":"2025-02-07T15:03:12","date_gmt":"2025-02-07T15:03:12","guid":{"rendered":"https:\/\/dzenway.com\/which-would-you-choose-this-or-that-a-game-of-choosing-between-two-options\/"},"modified":"2025-10-06T14:04:10","modified_gmt":"2025-10-06T14:04:10","slug":"decision-game","status":"publish","type":"page","link":"https:\/\/dzenway.com\/en\/decision-game\/","title":{"rendered":"Which would you choose? This or that &#8211; a game of choosing between two options"},"content":{"rendered":"\n<p>\ud83d\udd25 <strong>This or That is<\/strong> a game where every choice matters. Choose one of the two options, find out how others answer, and test yourself with challenging questions! It&#8217;s a great way to spend time with friends, improve your reactions and practice your logic.  <\/p>\n\n\n\n<p>\ud83c\udfad <strong>How to play &#8220;this or that&#8221;?<\/strong><br>Just choose one of the options and see how much your answers match the others&#8217; opinions! The questions can be funny, unexpected or even difficult &#8211; it all depends on your willingness to make a choice. <\/p>\n\n\n\n<p>\ud83d\udc49  <strong>Ready to give it a try? Take the first option! <\/strong><\/p>\n\n\n    <div id=\"decision-game\" data-lang=\"en\">\r\n        <h2>What will you choose?<\/h2>\r\n\r\n        <div class=\"choices-container\">\r\n            <button class=\"choice-btn\" data-base=\"PlayStation\">PlayStation<\/button>\r\n            <span class=\"or-text\">OR<\/span>\r\n            <button class=\"choice-btn\" data-base=\"Xbox\">Xbox<\/button>\r\n        <\/div>\r\n\r\n        <p id=\"results\" style=\"display:none;\"><\/p>\r\n        <div class=\"next-btn-container\">\r\n            <button id=\"next-btn\" class=\"next-btn\" style=\"display:none;\">Next<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  const ajaxURL = 'https:\/\/dzenway.com\/wp-admin\/admin-ajax.php';\r\n\r\n  const wrap   = document.getElementById('decision-game');\r\n  const lang   = wrap.dataset.lang;\r\n  const btns   = wrap.querySelectorAll('.choice-btn');\r\n  const result = wrap.querySelector('#results');\r\n  const next   = wrap.querySelector('#next-btn');\r\n  const orTxt  = wrap.querySelector('.or-text');\r\n\r\n  \/* helper *\/\r\n  const req = body =>\r\n    fetch(ajaxURL, {\r\n      method : 'POST',\r\n      headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n      body\r\n    }).then(r => r.json());\r\n\r\n  \/* \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u0438\u0442\u043e\u0433\u043e\u0432 *\/\r\n  const render = (total, label1, label2, s1, s2) => {\r\n    result.innerHTML = `\r\n      <div class=\"total-votes\">\r\n        <strong>${lang === 'en' ? 'Total answers' : '\u0412\u0441\u0435\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u043e\u0432'}:<\/strong>\r\n        <span>${total}<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"result-option\">\r\n        <span>${label1}<\/span>\r\n        <span class=\"votes\">${s1.votes}<\/span>\r\n        <span class=\"percentage\">(${s1.percentage}%)<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"result-option\">\r\n        <span>${label2}<\/span>\r\n        <span class=\"votes\">${s2.votes}<\/span>\r\n        <span class=\"percentage\">(${s2.percentage}%)<\/span>\r\n      <\/div>`;\r\n\r\n    result.style.display = 'block';\r\n    btns.forEach(b => (b.style.display = 'none'));\r\n    orTxt.style.display  = 'none';\r\n    next.style.display   = 'block';\r\n  };\r\n\r\n  \/* \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043a\u043b\u0438\u043a\u0430 *\/\r\n  btns.forEach(btn =>\r\n    btn.addEventListener('click', () => {\r\n      \/\/ \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u043e\u0442\u043c\u0435\u0442\u0438\u043c \u0432\u044b\u0431\u043e\u0440\r\n      btns.forEach(b => b.classList.toggle('selected', b === btn));\r\n\r\n      const choice = btn.dataset.base;\r\n      const base1  = btns[0].dataset.base;\r\n      const base2  = btns[1].dataset.base;\r\n\r\n      req(\r\n        `action=save_vote&choice=${encodeURIComponent(choice)}&option1=${encodeURIComponent(base1)}&option2=${encodeURIComponent(base2)}`\r\n      ).then(d => {\r\n        if (!d.success) {\r\n          result.textContent = d.message;\r\n          return;\r\n        }\r\n\r\n        const s1 = d.data.find(o => o.option === base1) || { votes: 0, percentage: 0 };\r\n        const s2 = d.data.find(o => o.option === base2) || { votes: 0, percentage: 0 };\r\n\r\n        \/\/ \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u0432 \u0442\u043e\u043c \u0436\u0435 \u043f\u043e\u0440\u044f\u0434\u043a\u0435, \u0447\u0442\u043e \u0438 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043a\u043b\u044e\u0447\u0438\r\n        render(d.total, btns[0].textContent, btns[1].textContent, s1, s2);\r\n      });\r\n    })\r\n  );\r\n\r\n  \/* \u00ab\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439\u00bb \/ \u00abNext\u00bb *\/\r\n  next.addEventListener('click', () =>\r\n    req('action=get_new_question').then(d => {\r\n      if (!d.success) {\r\n        result.textContent = d.message;\r\n        result.style.display = 'block';\r\n        return;\r\n      }\r\n\r\n      wrap.querySelector('h2').textContent =\r\n        lang === 'en' ? 'What will you choose?' : '\u0427\u0442\u043e \u0432\u044b\u0431\u0435\u0440\u0435\u0448\u044c?';\r\n\r\n      \/\/ \u043d\u043e\u0432\u044b\u0435 \u043a\u043b\u044e\u0447\u0438 RU\r\n      btns[0].dataset.base = d.option1;\r\n      btns[1].dataset.base = d.option2;\r\n\r\n      \/\/ \u043d\u043e\u0432\u044b\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0438\r\n      btns[0].textContent = lang === 'en' && d.option1_en ? d.option1_en : d.option1;\r\n      btns[1].textContent = lang === 'en' && d.option2_en ? d.option2_en : d.option2;\r\n\r\n      \/\/ \u0441\u0431\u0440\u043e\u0441 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f\r\n      btns.forEach(b => {\r\n        b.style.display = 'inline-block';\r\n        b.classList.remove('selected');\r\n      });\r\n      orTxt.style.display   = 'inline-block';\r\n      next.style.display    = 'none';\r\n      result.style.display  = 'none';\r\n      result.innerHTML      = '';\r\n    })\r\n  );\r\n});\r\n<\/script>\r\n\r\n\r\n<style>\r\n#decision-game{\r\n  text-align:center;\r\n  margin:20px auto;\r\n  padding:36px 28px;\r\n  max-width:760px;\r\n  background:linear-gradient(to bottom,#161616,#0e0e0e);\r\n  border-radius:14px;\r\n  border:2px solid rgba(255,150,0,.4);\r\n  box-shadow:0 0 22px rgba(255,150,0,.15), inset 0 0 25px rgba(0,0,0,.4);\r\n  color:#fff;\r\n  font-family:'Fredoka One','Comic Sans MS',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;\r\n}\r\n\r\n#decision-game h2{\r\n  margin:0 0 22px;\r\n  font-size:30px;\r\n  color:#ff9c0a;\r\n  text-shadow:0 2px 0 rgba(0,0,0,.35), 0 0 16px rgba(255,156,10,.55);\r\n  letter-spacing:.2px;\r\n}\r\n\r\n#results{\r\n  display:none;\r\n  margin:14px auto 10px;\r\n  max-width:720px;\r\n  background:linear-gradient(180deg,#2c2c2c,#343434);\r\n  border-radius:14px;\r\n  padding:18px 16px;\r\n  box-shadow:0 0 24px rgba(0,0,0,.4);\r\n  border:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n#results .total-votes{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:6px;\r\n  font-weight:700;\r\n  margin-bottom:14px;\r\n  font-size:18px;\r\n}\r\n#results .total-votes span{color:#ffd34f}\r\n\r\n#results .result-option{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:6px;\r\n  margin:12px auto;\r\n  padding:16px 14px;\r\n  border-radius:12px;\r\n  border:2px solid rgba(255,255,255,.28);\r\n  background:linear-gradient(180deg,#383838,#3f3f3f);\r\n  box-shadow:inset 0 0 10px rgba(255,255,255,.06);\r\n}\r\n#results .result-option .votes{color:#ffd700;font-weight:800}\r\n#results .result-option .percentage{color:#00ff99;font-weight:800}\r\n\r\n.choices-container{\r\n  display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:720px;margin:0 auto 6px;\r\n}\r\n.choice-btn{\r\n  flex:1 1 280px; max-width:45%;\r\n  padding:12px 18px; line-height:1.35; font-size:17px; font-weight:800;\r\n  color:#fff; background:#6b4eff; border:0; border-radius:12px; cursor:pointer;\r\n  box-shadow:0 0 16px rgba(107,78,255,.85);\r\n  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;\r\n  word-break:break-word; white-space:normal;\r\n}\r\n.choice-btn:hover{ background:#4a30e0; transform:scale(1.06); box-shadow:0 0 22px rgba(107,78,255,1)}\r\n.choice-btn:active{ transform:scale(.97)}\r\n\r\n\/* \u00ab\u0418\u041b\u0418\u00bb \u043c\u0435\u0436\u0434\u0443 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430\u043c\u0438 *\/\r\n.or-text{\r\n  display:inline-block; align-self:center;\r\n  padding:6px 14px; font-size:14px; font-weight:800; text-transform:uppercase;\r\n  background:#fff; color:#ff8c00; border-radius:999px;\r\n  box-shadow:0 0 8px rgba(255,140,0,.5);\r\n}\r\n\r\n.next-btn-container{ display:flex; justify-content:center; margin-top:12px }\r\n.next-btn{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  width: clamp(200px, 32vw, 260px);\r\n  padding:12px 22px; font-size:18px; font-weight:800;\r\n  background:#2bbf5a; color:#fff; border:0; border-radius:12px; cursor:pointer;\r\n  box-shadow:0 0 12px rgba(43,191,90,.6);\r\n  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n  animation:pulse 1.5s infinite alternate;\r\n}\r\n\r\n.result-option span, .total-votes strong {\r\n    color: #FFFFFF;\r\n    font-weight: 700;\r\n}\r\n\r\n.next-btn:hover{ background:#1ea349; transform:translateY(-1px); box-shadow:0 0 18px rgba(43,191,90,1) }\r\n.next-btn:active{ transform:translateY(0) scale(.98) }\r\n\r\n\/* \u041f\u0443\u043b\u044c\u0441 *\/\r\n@keyframes pulse{\r\n  0%{ transform:scale(1); box-shadow:0 0 12px rgba(43,191,90,.6) }\r\n  100%{ transform:scale(1.04); box-shadow:0 0 18px rgba(43,191,90,1) }\r\n}\r\n\r\n\/* \u041c\u043e\u0431\u0438\u043b\u043a\u0430 *\/\r\n@media (max-width:768px){\r\n  .choice-btn{ max-width:100% }\r\n  .or-text{ margin:4px 0 }\r\n}\r\n<\/style>\r\n\r\n\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How do you play this or that?<\/strong><\/h2>\n\n\n\n<p>Choices are something we make every day, but sometimes the decisions are not so easy! That or this is a two-choice game where you&#8217;ll have to decide which is more important, more interesting or more difficult. You&#8217;ll be able to compare your answers with other players and see how others around you think.  <\/p>\n\n\n\n<p><strong>How to play?<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Read the &#8220;this or that&#8221; questions.<\/li>\n\n\n\n<li>Choose one of two options.<\/li>\n\n\n\n<li>Look how others have responded!<\/li>\n<\/ol>\n\n\n\n<p><strong>Are you ready to make a choice?<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What makes &#8220;This or That&#8221; a fascinating game?<\/strong><\/h2>\n\n\n\n<p>&#8220;This or That&#8221; is not just a game, but a way to get to know yourself and your friends better! You&#8217;ll have to answer unexpected, funny and challenging questions. The questions can be about everyday life, fantasy scenarios or complex moral dilemmas.  <\/p>\n\n\n\n<p><strong>Why is this game interesting?<\/strong><strong><br><\/strong>\u2714 Simple rules &#8211; pick one option and see how others answer.<br>\u2714 A wide variety of questions, from fun to deep and philosophical.<br>\u2714 A great way to have fun with friends or alone.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Popular &#8220;This or That&#8221; questions<\/strong><\/h2>\n\n\n\n<p>If you don&#8217;t know where to start, try answering these questions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Living without a phone or without internet?<\/li>\n\n\n\n<li>Being rich but lonely, or having many friends but little money?<\/li>\n\n\n\n<li>Never eat sweets again or never drink coffee?<\/li>\n<\/ul>\n\n\n\n<p>These questions this or that<strong> <\/strong>will make you think, make you laugh, and even help you look at familiar things from a different perspective!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why is &#8220;This or That&#8221; a great party game?<\/strong><\/h2>\n\n\n\n<p>This choice game is great for parties, get-togethers with friends, or just for a fun time. Regardless of the company, the &#8220;this or that&#8221; questions will spark interesting discussions and help you get to know each other better. <\/p>\n\n\n\n<p><strong>How do you use the game at a party?<\/strong><strong><br><\/strong>\u2705 Divide into teams and discuss each option before choosing.<br>\u2705 Come up with your own unusual or challenging questions.<br>\u2705 Use the game as a &#8220;warm up&#8221; before the main entertainment.<\/p>\n\n\n\n<p>This format is especially popular with bloggers and streamers &#8211; because their viewers love to vote for different options!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Difficult &#8220;This or that&#8221; questions<\/strong><\/h2>\n\n\n\n<p>Some questions require not only an intuitive answer, but also thoughtful analysis. Ready to test yourself? <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Save one loved one or 100 strangers?<\/li>\n\n\n\n<li>Know the truth about everything or always live in blissful ignorance?<\/li>\n\n\n\n<li>Never feel pain or never feel joy?<\/li>\n<\/ul>\n\n\n\n<p>These tough questions make you think about priorities, beliefs, and true desires.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why do people love the &#8220;This or That&#8221; game?<\/strong><\/h2>\n\n\n\n<p>\ud83d\udfe2 <strong>It<\/strong> &#8216; <strong>s fun<\/strong> &#8211; it&#8217;s always interesting to see what others will choose.<br>\ud83d\udfe2 <strong>It<\/strong> &#8216; <strong>s<\/strong> fun &#8211; the questions can be funny, philosophical or even provocative.<br>\ud83d\udfe2 <strong>It<\/strong> &#8216; <strong>s useful<\/strong> &#8211; you can better understand yourself and others.<br>\ud83d\udfe2 <strong>It<\/strong> &#8216; <strong>s versatile<\/strong> &#8211; you can play alone, with friends or even with strangers online!<\/p>\n\n\n\n<p>Will you be able to make the toughest choice?  <strong>Start playing now!<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Frequently Asked Questions (FAQ)<\/strong><\/h2>\n\n\n\n<p><strong>\ud83d\udd39 What is a &#8220;This or That&#8221; game?<\/strong><strong><br><\/strong>It&#8217;s a fun game of choice, where you&#8217;re given two choices and you have to pick one and see how others responded.<\/p>\n\n\n\n<p><strong>\ud83d\udd39 What kind of questions are there?<\/strong><strong><br><\/strong>Questions can be on any topic, from simple everyday situations to complex moral dilemmas.<\/p>\n\n\n\n<p><strong>\ud83d\udd39 Is it possible to play in company?<\/strong><strong><br><\/strong>Of course! This or that is a great game for parties and friendly get-togethers. <\/p>\n\n\n\n<p><strong>\ud83d\udd39 Where can I play?<\/strong><strong><br><\/strong>You can play right on this page &#8211; choose your options and see how others respond!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>If you like choice questions, unexpected dilemmas, and interesting discussions, try <strong>To or This game<\/strong> now! Make a choice and see how much your answer matches the opinions of other players. <\/p>\n\n\n\n<p>\ud83d\udd39 It&#8217;s fun, simple, and exciting!<br>\ud83d\udd39 Great for parties, socializing and reflection.<br>\ud83d\udd39 A lot of this or that questions range from easy to really difficult.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd25 This or That is a game where every choice matters. Choose one of the two options, find out how others answer, and test yourself with challenging questions! It&#8217;s a great way to spend time with friends, improve your reactions and practice your logic. \ud83c\udfad How to play &#8220;this or that&#8221;?Just choose one of the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dzenway.com\/en\/wp-json\/wp\/v2\/pages\/2352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dzenway.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dzenway.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dzenway.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dzenway.com\/en\/wp-json\/wp\/v2\/comments?post=2352"}],"version-history":[{"count":0,"href":"https:\/\/dzenway.com\/en\/wp-json\/wp\/v2\/pages\/2352\/revisions"}],"wp:attachment":[{"href":"https:\/\/dzenway.com\/en\/wp-json\/wp\/v2\/media?parent=2352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}