JSFiddle - React, Tailwind, and code Playground

HTML

<!--
Monochrome想要和前女友復合
但是心態一直無法調適在正確的位置
請幫幫Monochrome~


條件：
因為她前女友不想被Monochrome的難過給影響
現在需要一些時間等待並讓兩個人冷靜

Monochrome 該怎麼調整目前的心態呢？

-->
<input id="start" type="button" value="Start" />

JavaScript

//為了復合要開心才有機會喔
//因為對方不想看到會影響她難過的人

var self = {
        happy: false,
        happyFunc: function(string) { 
            return confirm(string);
        },    
        needHer: true,
        loveHer: false
    },
    target = {
        choice: function() {
            //unknow condition
            return getRandom();
        },        
        really: function() {
            //unknow condition
            //是為了安撫 就是 flase
            return getRandom();
        }        
    },
    ques = [
        '因為Monochrome Yeh 一直期待著，你覺得他在前女友決定前的快樂是真的嗎?',
        '前女友只是安撫或最後不選擇 Monochrome,他還應該開心嗎?',
        '是因為愛她嗎?',
    ],
    rs = [
        '結果: ',
        'Monochrome 開心嗎: ',
        'Monochrome 需要她嗎: ',
        'Monochrome 愛她嗎: '
    ];    

function result() {
    alert(
        rs[0] + '\n' + rs[1] + self.happy + '\n' + rs[2] + self.needHer + '\n' + rs[3] + self.loveHer
    );       
};

function getRandom() {
    var myBool = [true, false];   
    return myBool[Math.round(Math.random())];
};

function start() {
    //這邊因為對方要自己開心才有機會走下去，所以要檢查self.happy
    
    if (confirm(ques[0]) === true) {
    
        if ((target.really() === false || target.choice === false)) {
            if (self.happyFunc(ques[1]) === true)
            {
                self.happy = true;
                self.needHer = 'unknow';    
            }
            else
            {
                self.happy = false;
            }
            if (confirm(ques[2]) === true) {
                self.loveHer = true;
            }
        }
        else
        {
            self.happy = true;
        }
    }

     result();    
};
$('#start').on('click', function(e) {
    start();
});