HTMLify

Bunk pr chaolge?
Views: 182 | Author: abh
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Asking to Bunk</title>
</head>
<body style="background-color:lightgreen;">
    <main>
        <div id="question">Bunk pe chaloge</div>
        <button id="yes-button" onclick="yes()">Yes</button>
        <button id="no-button" onclick="no()">No</button>
    </main>
</body>
<style>
main {
    max-width: 80%;
    margin: auto;
    text-align: center;

    #question {
        font: "Times";
        font-size: 2em;
    }

    button {
        display: inline-block;
        margin: 8px;
        font-size: 1em;
    }

    #yes-button {
        background-color: green;
    }

    #no-button {
        background-color: red;
    }
    
    img {
        width: 90%;
        height: auth;
        max-width: 300px;
    }
}
</style>
<script>
const q = document.getElementById("question");
const yes_button = document.getElementById("yes-button");
const no_button = document.getElementById("no-button");
var current = 0;
const yes_no = [
    ["Bunk pe chaloge?", null],
    ["Are chalo na.. ", null],
    ["Bunk ki pooch rha hun, Date ki nahin jo bhaw kha rahe ho, batao ab chal rahe ho?", null],
    ["Arre, matlab itne bhaaw<br>achhe bachhe aise nahin karte, chalo", null],
    ["Mene nahin pda jo bhi reason diya ho, ab bs yes dabao", function(){ prompt("Batao kyu nahi jana", "chalo chalte hain bunk pe") }],
    ["Firse NO <h2>:/</h2>", null],
    ["dikkat kya hai ??? kyu nahin daba rahe yes ?? background achha nahin hai kya ??:", null],
    ["ab thik hai color ?", function(){document.body.style.backgroundImage="linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet)"}],
    ["achha to ab kaisa hai color ?", function(){document.body.style.backgroundColor="pink";document.body.style.backgroundImage="";}],
    ["kya chakkar hai<br>Yes ka button nahin dikh rha kya", null],
    ["lo ab dikh rha hoga ab dabao", ()=>{yes_button.style.fontSize="3em"}],
    ["khabardaar jo ek aur baar No dabaya to..", null],
    ["<h1>😠</h1>", null],
    ["Is no ke button me aag lag jaye..", null],
    ["lo lga di aag, ab yes dabana nahin to ungli jal jaygi tumhari", ()=>{no_button.innerText="πŸ”₯NoπŸ”₯"}],
    ["<h1>🩹</h1>matlab ab bhi,<br>thoda ye bhi nahi socha ke ungli jal jayegi to padai kese hoge..<br><sup>ab yes dabao</sup>", null],
    ["<img src='kyu-nahi-ja-rahe-bunk-pe.png'>", null],
/*    ["Are chalo to sahi, use bhi bula launga 😏", null], */
    ["ab to han karni padei, nahin to me is No ke button ko hi gayb kr dunga", null],
    ["Om bhatt shua ha..", ()=>{yes_button.style.display="none"}],
    ["Abe ye to yes ka button hi gayab ho gaya <br>πŸ˜ΆπŸ˜‘πŸ€¦<br>thik krta hun zra..", null],
    ["abra kadabra alakazam...", ()=>{yes_button.style.display="inline-block";}],
    ["ab mere paas koi option nahin.. ab tume han hi krni hogi",null],
    ["<h1>:)</h1>", ()=>{no_button.style.display="none"}],
]

function no(){
    current++;
    q.innerHTML = yes_no[current][0];
    if (yes_no[current][1] != null){
        yes_no[current][1]();
    }
}

function yes(){
    window.location.href = `https://wa.me/919548750198?text=Chalo Bunk Pe`;
}
</script>
</html>

Comments