#include <stdio.h>
 
int main(void)
{
int i, j;
long dec;  /* ให้รับค่าอินพุทแบบ Long Integer - เลขจำนวนเต็มแบบยาว */
int bit[32];  /* จองพื้นที่ในการเก็บข้อมูลเลขฐาน 2 ลงใน Array */
 
    clrscr();  /* เคลียร์หน้าจอ */
    printf("Decimal Number : ");  /* แจ้งผู้ใช้เพื่อเตรียมป้อนค่าเลขฐาน 10 */
    scanf("%ld", &dec);  /* ต้องใช้ ld เพราะ Input มันเป็นแบบ Long Integer */
    i = 0;  /* กำหนดค่าเริ่มต้นของ Array */
    /* ทำตามที่ได้ออกแบบโปรแกรมเอาไว้ ... ยังไงยังงั้นเลย 55555+ */
    do {
        bit[i++] = dec % 2;  /* การหารเอาเศษ เพื่อให้เป็นคำตอบ */
 
        /* การหารทั่วไป แต่ตัวแปร dec ของภาษา C มันเป็น Integer หรือ เลขจำนวนเต็ม */
        /* ดังนั้นมันจึงตัดเศษ (หรือทศนิยม) ทิ้งไปโดยอัตโนมัติ */
        dec = dec / 2;
 
    } while (dec > 0);  /* เงื่อนไขที่ทำจนกระทั่ง dec = 0 ก็ออกจากวังวนเงื่อนไข */
 
    /* การแสดงผลของการแปลงเลขฐาน 10 เป็นเลขฐาน 2*/
    /* j = i - 1 และให้ j ลดค่าลงทีละ 1 ... ก็คืออ่านข้อมูลถอยหลังกลับเท่านั้นเองครับ */
    /* เพราะตัวแปรแบบ Array ในภาษา C มันเก็บข้อมูลจากซ้ายไปขวา */
    /* ทำให้ LSB มันไปอยู่ทางซ้าย ส่วน MSB มันไปอยู่ทางขวา */
    for(j = i - 1; j >= 0; j--)
        printf("%d", bit[j]);
 
printf("\n");
return 0;
 
}

I2luY2x1ZGUgPHN0ZGlvLmg+CgppbnQgbWFpbih2b2lkKQp7CmludCBpLCBqOwpsb25nIGRlYzsgIC8qIOC5g+C4q+C5ieC4o+C4seC4muC4hOC5iOC4suC4reC4tOC4meC4nuC4uOC4l+C5geC4muC4miBMb25nIEludGVnZXIgLSDguYDguKXguILguIjguLPguJnguKfguJnguYDguJXguYfguKHguYHguJrguJrguKLguLLguKcgKi8KaW50IGJpdFszMl07ICAvKiDguIjguK3guIfguJ7guLfguYnguJnguJfguLXguYjguYPguJnguIHguLLguKPguYDguIHguYfguJrguILguYnguK3guKHguLnguKXguYDguKXguILguJDguLLguJkgMiDguKXguIfguYPguJkgQXJyYXkgKi8KCiAgICBjbHJzY3IoKTsgIC8qIOC5gOC4hOC4peC4teC4ouC4o+C5jOC4q+C4meC5ieC4suC4iOC4rSAqLwogICAgcHJpbnRmKCJEZWNpbWFsIE51bWJlciA6ICIpOyAgLyog4LmB4LiI4LmJ4LiH4Lic4Li54LmJ4LmD4LiK4LmJ4LmA4Lie4Li34LmI4Lit4LmA4LiV4Lij4Li14Lii4Lih4Lib4LmJ4Lit4LiZ4LiE4LmI4Liy4LmA4Lil4LiC4LiQ4Liy4LiZIDEwICovCiAgICBzY2FuZigiJWxkIiwgJmRlYyk7ICAvKiDguJXguYnguK3guIfguYPguIrguYkgbGQg4LmA4Lie4Lij4Liy4LiwIElucHV0IOC4oeC4seC4meC5gOC4m+C5h+C4meC5geC4muC4miBMb25nIEludGVnZXIgKi8KICAgIGkgPSAwOyAgLyog4LiB4Liz4Lir4LiZ4LiU4LiE4LmI4Liy4LmA4Lij4Li04LmI4Lih4LiV4LmJ4LiZ4LiC4Lit4LiHIEFycmF5ICovCiAgICAvKiDguJfguLPguJXguLLguKHguJfguLXguYjguYTguJTguYnguK3guK3guIHguYHguJrguJrguYLguJvguKPguYHguIHguKPguKHguYDguK3guLLguYTguKfguYkgLi4uIOC4ouC4seC4h+C5hOC4h+C4ouC4seC4h+C4h+C4seC5ieC4meC5gOC4peC4oiA1NTU1NSsgKi8KICAgIGRvIHsKICAgICAgICBiaXRbaSsrXSA9IGRlYyAlIDI7ICAvKiDguIHguLLguKPguKvguLLguKPguYDguK3guLLguYDguKjguKkg4LmA4Lie4Li34LmI4Lit4LmD4Lir4LmJ4LmA4Lib4LmH4LiZ4LiE4Liz4LiV4Lit4LiaICovCgogICAgICAgIC8qIOC4geC4suC4o+C4q+C4suC4o+C4l+C4seC5iOC4p+C5hOC4myDguYHguJXguYjguJXguLHguKfguYHguJvguKMgZGVjIOC4guC4reC4h+C4oOC4suC4qeC4siBDIOC4oeC4seC4meC5gOC4m+C5h+C4mSBJbnRlZ2VyIOC4q+C4o+C4t+C4rSDguYDguKXguILguIjguLPguJnguKfguJnguYDguJXguYfguKEgKi8KICAgICAgICAvKiDguJTguLHguIfguJnguLHguYnguJnguKHguLHguJnguIjguLbguIfguJXguLHguJTguYDguKjguKkgKOC4q+C4o+C4t+C4reC4l+C4qOC4meC4tOC4ouC4oSkg4LiX4Li04LmJ4LiH4LmE4Lib4LmC4LiU4Lii4Lit4Lix4LiV4LmC4LiZ4Lih4Lix4LiV4Li0ICovCiAgICAgICAgZGVjID0gZGVjIC8gMjsKCiAgICB9IHdoaWxlIChkZWMgPiAwKTsgIC8qIOC5gOC4h+C4t+C5iOC4reC4meC5hOC4guC4l+C4teC5iOC4l+C4s+C4iOC4meC4geC4o+C4sOC4l+C4seC5iOC4hyBkZWMgPSAwIOC4geC5h+C4reC4reC4geC4iOC4suC4geC4p+C4seC4h+C4p+C4meC5gOC4h+C4t+C5iOC4reC4meC5hOC4giAqLwoKICAgIC8qIOC4geC4suC4o+C5geC4quC4lOC4h+C4nOC4peC4guC4reC4h+C4geC4suC4o+C5geC4m+C4peC4h+C5gOC4peC4guC4kOC4suC4mSAxMCDguYDguJvguYfguJnguYDguKXguILguJDguLLguJkgMiovCiAgICAvKiBqID0gaSAtIDEg4LmB4Lil4Liw4LmD4Lir4LmJIGog4Lil4LiU4LiE4LmI4Liy4Lil4LiH4LiX4Li14Lil4LiwIDEgLi4uIOC4geC5h+C4hOC4t+C4reC4reC5iOC4suC4meC4guC5ieC4reC4oeC4ueC4peC4luC4reC4ouC4q+C4peC4seC4h+C4geC4peC4seC4muC5gOC4l+C5iOC4suC4meC4seC5ieC4meC5gOC4reC4h+C4hOC4o+C4seC4miAqLwogICAgLyog4LmA4Lie4Lij4Liy4Liw4LiV4Lix4Lin4LmB4Lib4Lij4LmB4Lia4LiaIEFycmF5IOC5g+C4meC4oOC4suC4qeC4siBDIOC4oeC4seC4meC5gOC4geC5h+C4muC4guC5ieC4reC4oeC4ueC4peC4iOC4suC4geC4i+C5ieC4suC4ouC5hOC4m+C4guC4p+C4siAqLwogICAgLyog4LiX4Liz4LmD4Lir4LmJIExTQiDguKHguLHguJnguYTguJvguK3guKLguLnguYjguJfguLLguIfguIvguYnguLLguKIg4Liq4LmI4Lin4LiZIE1TQiDguKHguLHguJnguYTguJvguK3guKLguLnguYjguJfguLLguIfguILguKfguLIgKi8KICAgIGZvcihqID0gaSAtIDE7IGogPj0gMDsgai0tKQogICAgICAgIHByaW50ZigiJWQiLCBiaXRbal0pOwoKcHJpbnRmKCJcbiIpOwpyZXR1cm4gMDsKCn0=

Y29uc3QgeWVzQnRuID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigmcXVvdDsueWVzLWJ0biZxdW90Oyk7CmNvbnN0IG5vQnRuID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigmcXVvdDsubm8tYnRuJnF1b3Q7KTsKY29uc3QgcXVlc3Rpb24gPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCZxdW90Oy5xdWVzdGlvbiZxdW90Oyk7CmNvbnN0IGdpZiA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJnF1b3Q7LmdpZiZxdW90Oyk7CgovLyBDaGFuZ2UgdGV4dCBhbmQgZ2lmIHdoZW4gdGhlIFllcyBidXR0b24gaXMgY2xpY2tlZAp5ZXNCdG4uYWRkRXZlbnRMaXN0ZW5lcigmcXVvdDtjbGljayZxdW90OywgKCkgPSZndDsgewogICAgcXVlc3Rpb24uaW5uZXJIVE1MID0gJnF1b3Q7QmVpbmcgd2l0aCB5b3UgaXMgbXkgYmlnZ2VzdCBibGVzc2luZy4gSSBsb3ZlIHlvdS4mcXVvdDs7CiAgICBnaWYuc3JjID0gJnF1b3Q7aHR0cHM6Ly9tLi4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi55LmNvbS9tZWRpYS92MS5ZMmxrUFRjNU1HSTNOakV4YkdOaGRYaDFiMjUyYjJGMmIyVTRjSFJsTkdrd01EWnNhamxsYUdGMWNESnliMnA0TlhsMllpWmxjRDEyTVY5bmFXWnpYM05sWVhKamFDWmpkRDFuL0c2TjBwRERnRHBMalV2Tm95US9naXBoeS5naWYmcXVvdDs7CgogICAgLy8gSGlkZSB0aGUgTm8gYnV0dG9uCiAgICBub0J0bi5zdHlsZS5kaXNwbGF5ID0gJnF1b3Q7bm9uZSZxdW90OzsKfSk7CgovLyBNYWtlIHRoZSBObyBidXR0b24gbW92ZSByYW5kb21seSBvbiBob3Zlcgpub0J0bi5hZGRFdmVudExpc3RlbmVyKCZxdW90O21vdXNlb3ZlciZxdW90OywgKCkgPSZndDsgewogICAgY29uc3Qgd3JhcHBlciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJnF1b3Q7LndyYXBwZXImcXVvdDspOwogICAgY29uc3Qgd3JhcHBlclJlY3QgPSB3cmFwcGVyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpOwogICAgY29uc3Qgbm9CdG5SZWN0ID0gbm9CdG4uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7CgogICAgLy8gQ2FsY3VsYXRlIG1heCBwb3NpdGlvbnMgdG8gZW5zdXJlIHRoZSBidXR0b24gc3RheXMgd2l0aGluIHRoZSB3cmFwcGVyCiAgICBjb25zdCBtYXhYID0gd3JhcHBlclJlY3Qud2lkdGggLSBub0J0blJlY3Qud2lkdGg7CiAgICBjb25zdCBtYXhZID0gd3JhcHBlclJlY3QuaGVpZ2h0IC0gbm9CdG5SZWN0LmhlaWdodDsKCiAgICAvLyBFbnN1cmUgcmFuZG9tWCBhbmQgcmFuZG9tWSBhcmUgd2l0aGluIHRoZSB3cmFwcGVyIGJvdW5kcwogICAgY29uc3QgcmFuZG9tWCA9IE1hdGgubWluKE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIG1heFgpLCBtYXhYKTsKICAgIGNvbnN0IHJhbmRvbVkgPSBNYXRoLm1pbihNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBtYXhZKSwgbWF4WSk7CgogICAgbm9CdG4uc3R5bGUubGVmdCA9IHJhbmRvbVggKyAmcXVvdDtweCZxdW90OzsKICAgIG5vQnRuLnN0eWxlLnRvcCA9IHJhbmRvbVkgKyAmcXVvdDtweCZxdW90OzsKfSk7

const yesBtn = document.querySelector(".yes-btn");
const noBtn = document.querySelector(".no-btn");
const question = document.querySelector(".question");
const gif = document.querySelector(".gif");

// Change text and gif when the Yes button is clicked
yesBtn.addEventListener("click", () => {
    question.innerHTML = "Being with you is my biggest blessing. I love you.";
    gif.src = "https://m...content-available-to-author-only...y.com/media/v1.Y2lkPTc5MGI3NjExbGNhdXh1b252b2F2b2U4cHRlNGkwMDZsajllaGF1cDJyb2p4NXl2YiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/G6N0pDDgDpLjUvNoyQ/giphy.gif";

    // Hide the No button
    noBtn.style.display = "none";
});

// Make the No button move randomly on hover
noBtn.addEventListener("mouseover", () => {
    const wrapper = document.querySelector(".wrapper");
    const wrapperRect = wrapper.getBoundingClientRect();
    const noBtnRect = noBtn.getBoundingClientRect();

    // Calculate max positions to ensure the button stays within the wrapper
    const maxX = wrapperRect.width - noBtnRect.width;
    const maxY = wrapperRect.height - noBtnRect.height;

    // Ensure randomX and randomY are within the wrapper bounds
    const randomX = Math.min(Math.floor(Math.random() * maxX), maxX);
    const randomY = Math.min(Math.floor(Math.random() * maxY), maxY);

    noBtn.style.left = randomX + "px";
    noBtn.style.top = randomY + "px";
});