#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--)
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=
Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7dGgmcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwogICAgJmx0O21ldGEgY2hhcnNldD0mcXVvdDtVVEYtOCZxdW90OyZndDsKICAgICZsdDttZXRhIG5hbWU9JnF1b3Q7dmlld3BvcnQmcXVvdDsgY29udGVudD0mcXVvdDt3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wJnF1b3Q7Jmd0OwogICAgJmx0O3RpdGxlJmd0O+C5gOC4hOC4o+C4t+C5iOC4reC4h+C4hOC4s+C4meC4p+C4k+C4geC4suC4o+C5gOC4h+C4tOC4mSZsdDsvdGl0bGUmZ3Q7CiAgICAmbHQ7c2NyaXB0IHNyYz0mcXVvdDtodHRwczovL2MuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnMuY29tJnF1b3Q7Jmd0OyZsdDsvc2NyaXB0Jmd0OwogICAgJmx0O2xpbmsgcmVsPSZxdW90O3ByZWNvbm5lY3QmcXVvdDsgaHJlZj0mcXVvdDtodHRwczovL2YuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnMuY29tJnF1b3Q7Jmd0OwogICAgJmx0O2xpbmsgcmVsPSZxdW90O3ByZWNvbm5lY3QmcXVvdDsgaHJlZj0mcXVvdDtodHRwczovL2YuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLmMuY29tJnF1b3Q7IGNyb3Nzb3JpZ2luJmd0OwogICAgJmx0O2xpbmsgaHJlZj0mcXVvdDtodHRwczovL2YuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnMuY29tL2NzczI/ZmFtaWx5PUludGVyOndnaHRANDAwOzUwMDs2MDA7NzAwJmFtcDtkaXNwbGF5PXN3YXAmcXVvdDsgcmVsPSZxdW90O3N0eWxlc2hlZXQmcXVvdDsmZ3Q7CiAgICAmbHQ7c3R5bGUmZ3Q7CiAgICAgICAgYm9keSB7CiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiAnSW50ZXInLCBzYW5zLXNlcmlmOwogICAgICAgIH0KICAgICZsdDsvc3R5bGUmZ3Q7CiZsdDsvaGVhZCZndDsKJmx0O2JvZHkgY2xhc3M9JnF1b3Q7YmctZ3JhZGllbnQtdG8tciBmcm9tLWJsdWUtMTAwIHRvLXB1cnBsZS0xMDAgZmxleCBqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXIgbWluLWgtc2NyZWVuIHAtNCZxdW90OyZndDsKICAgICZsdDtkaXYgY2xhc3M9JnF1b3Q7Ymctd2hpdGUgcm91bmRlZC1sZyBzaGFkb3cteGwgcC04IHctZnVsbCBtYXgtdy1tZCB0cmFuc2l0aW9uLXRyYW5zZm9ybSBob3ZlcjpzY2FsZS0xMDUmcXVvdDsmZ3Q7CiAgICAgICAgJmx0O2gxIGNsYXNzPSZxdW90O3RleHQtMnhsIGZvbnQtc2VtaWJvbGQgdGV4dC1ibHVlLTYwMCB0ZXh0LWNlbnRlciBtYi02JnF1b3Q7Jmd0O+C5gOC4hOC4o+C4t+C5iOC4reC4h+C4hOC4s+C4meC4p+C4k+C4geC4suC4o+C5gOC4h+C4tOC4mSZsdDsvaDEmZ3Q7CiAgICAgICAgJmx0O2RpdiBjbGFzcz0mcXVvdDttYi00JnF1b3Q7Jmd0OwogICAgICAgICAgICAmbHQ7bGFiZWwgZm9yPSZxdW90O2luaXRpYWxBbW91bnQmcXVvdDsgY2xhc3M9JnF1b3Q7YmxvY2sgdGV4dC1ncmF5LTcwMCB0ZXh0LXNtIGZvbnQtYm9sZCBtYi0yJnF1b3Q7Jmd0O+C5gOC4h+C4tOC4meC4leC5ieC4mTombHQ7L2xhYmVsJmd0OwogICAgICAgICAgICAmbHQ7aW5wdXQgdHlwZT0mcXVvdDtudW1iZXImcXVvdDsgaWQ9JnF1b3Q7aW5pdGlhbEFtb3VudCZxdW90OyBwbGFjZWhvbGRlcj0mcXVvdDvguKPguLDguJrguLjguYDguIfguLTguJnguJXguYnguJkmcXVvdDsgY2xhc3M9JnF1b3Q7c2hhZG93IGFwcGVhcmFuY2Utbm9uZSBib3JkZXIgcm91bmRlZCB3LWZ1bGwgcHktMiBweC0zIHRleHQtZ3JheS03MDAgbGVhZGluZy10aWdodCBmb2N1czpvdXRsaW5lLW5vbmUgZm9jdXM6c2hhZG93LW91dGxpbmUmcXVvdDsmZ3Q7CiAgICAgICAgJmx0Oy9kaXYmZ3Q7CiAgICAgICAgJmx0O2RpdiBjbGFzcz0mcXVvdDttYi00JnF1b3Q7Jmd0OwogICAgICAgICAgICAmbHQ7bGFiZWwgZm9yPSZxdW90O2ludGVyZXN0UmF0ZSZxdW90OyBjbGFzcz0mcXVvdDtibG9jayB0ZXh0LWdyYXktNzAwIHRleHQtc20gZm9udC1ib2xkIG1iLTImcXVvdDsmZ3Q74Lit4Lix4LiV4Lij4Liy4LiU4Lit4LiB4LmA4Lia4Li14LmJ4LiiICglIOC4leC5iOC4reC4m+C4tSk6Jmx0Oy9sYWJlbCZndDsKICAgICAgICAgICAgJmx0O2lucHV0IHR5cGU9JnF1b3Q7bnVtYmVyJnF1b3Q7IGlkPSZxdW90O2ludGVyZXN0UmF0ZSZxdW90OyBwbGFjZWhvbGRlcj0mcXVvdDvguKPguLDguJrguLjguK3guLHguJXguKPguLLguJTguK3guIHguYDguJrguLXguYnguKImcXVvdDsgY2xhc3M9JnF1b3Q7c2hhZG93IGFwcGVhcmFuY2Utbm9uZSBib3JkZXIgcm91bmRlZCB3LWZ1bGwgcHktMiBweC0zIHRleHQtZ3JheS03MDAgbGVhZGluZy10aWdodCBmb2N1czpvdXRsaW5lLW5vbmUgZm9jdXM6c2hhZG93LW91dGxpbmUmcXVvdDsmZ3Q7CiAgICAgICAgJmx0Oy9kaXYmZ3Q7CiAgICAgICAgJmx0O2RpdiBjbGFzcz0mcXVvdDttYi00JnF1b3Q7Jmd0OwogICAgICAgICAgICAmbHQ7bGFiZWwgZm9yPSZxdW90O3llYXJzJnF1b3Q7IGNsYXNzPSZxdW90O2Jsb2NrIHRleHQtZ3JheS03MDAgdGV4dC1zbSBmb250LWJvbGQgbWItMiZxdW90OyZndDvguIjguLPguJnguKfguJnguJvguLU6Jmx0Oy9sYWJlbCZndDsKICAgICAgICAgICAgJmx0O2lucHV0IHR5cGU9JnF1b3Q7bnVtYmVyJnF1b3Q7IGlkPSZxdW90O3llYXJzJnF1b3Q7IHBsYWNlaG9sZGVyPSZxdW90O+C4o+C4sOC4muC4uOC4iOC4s+C4meC4p+C4meC4m+C4tSZxdW90OyBjbGFzcz0mcXVvdDtzaGFkb3cgYXBwZWFyYW5jZS1ub25lIGJvcmRlciByb3VuZGVkIHctZnVsbCBweS0yIHB4LTMgdGV4dC1ncmF5LTcwMCBsZWFkaW5nLXRpZ2h0IGZvY3VzOm91dGxpbmUtbm9uZSBmb2N1czpzaGFkb3ctb3V0bGluZSZxdW90OyZndDsKICAgICAgICAmbHQ7L2RpdiZndDsKICAgICAgICAmbHQ7ZGl2IGNsYXNzPSZxdW90O21iLTYmcXVvdDsmZ3Q7CiAgICAgICAgICAgICZsdDtsYWJlbCBmb3I9JnF1b3Q7Y29tcG91bmRGcmVxdWVuY3kmcXVvdDsgY2xhc3M9JnF1b3Q7YmxvY2sgdGV4dC1ncmF5LTcwMCB0ZXh0LXNtIGZvbnQtYm9sZCBtYi0yJnF1b3Q7Jmd0O+C4hOC4p+C4suC4oeC4luC4teC5iOC5g+C4meC4geC4suC4o+C4l+C4muC4leC5ieC4mTombHQ7L2xhYmVsJmd0OwogICAgICAgICAgICAmbHQ7c2VsZWN0IGlkPSZxdW90O2NvbXBvdW5kRnJlcXVlbmN5JnF1b3Q7IGNsYXNzPSZxdW90O3NoYWRvdyBhcHBlYXJhbmNlLW5vbmUgYm9yZGVyIHJvdW5kZWQgdy1mdWxsIHB5LTIgcHgtMyB0ZXh0LWdyYXktNzAwIGxlYWRpbmctdGlnaHQgZm9jdXM6b3V0bGluZS1ub25lIGZvY3VzOnNoYWRvdy1vdXRsaW5lJnF1b3Q7Jmd0OwogICAgICAgICAgICAgICAgJmx0O29wdGlvbiB2YWx1ZT0mcXVvdDsxJnF1b3Q7Jmd0O+C4o+C4suC4ouC4m+C4tSZsdDsvb3B0aW9uJmd0OwogICAgICAgICAgICAgICAgJmx0O29wdGlvbiB2YWx1ZT0mcXVvdDsyJnF1b3Q7Jmd0O+C4l+C4uOC4geC4hOC4o+C4tuC5iOC4h+C4m+C4tSZsdDsvb3B0aW9uJmd0OwogICAgICAgICAgICAgICAgJmx0O29wdGlvbiB2YWx1ZT0mcXVvdDs0JnF1b3Q7Jmd0O+C4l+C4uOC4geC5hOC4leC4o+C4oeC4suC4qiZsdDsvb3B0aW9uJmd0OwogICAgICAgICAgICAgICAgJmx0O29wdGlvbiB2YWx1ZT0mcXVvdDsxMiZxdW90OyZndDvguKPguLLguKLguYDguJTguLfguK3guJkmbHQ7L29wdGlvbiZndDsKICAgICAgICAgICAgJmx0Oy9zZWxlY3QmZ3Q7CiAgICAgICAgJmx0Oy9kaXYmZ3Q7CiAgICAgICAgJmx0O2J1dHRvbiBpZD0mcXVvdDtjYWxjdWxhdGVCdG4mcXVvdDsgY2xhc3M9JnF1b3Q7YmctZ3JhZGllbnQtdG8tciBmcm9tLWdyZWVuLTQwMCB0by1ibHVlLTUwMCBob3Zlcjpmcm9tLWdyZWVuLTUwMCBob3Zlcjp0by1ibHVlLTYwMCB0ZXh0LXdoaXRlIGZvbnQtYm9sZCBweS0yIHB4LTQgcm91bmRlZCBmb2N1czpvdXRsaW5lLW5vbmUgZm9jdXM6c2hhZG93LW91dGxpbmUgdy1mdWxsIHRyYW5zaXRpb24gZHVyYXRpb24tMzAwIGVhc2UtaW4tb3V0JnF1b3Q7Jmd0O+C4hOC4s+C4meC4p+C4kyZsdDsvYnV0dG9uJmd0OwogICAgICAgICZsdDtkaXYgaWQ9JnF1b3Q7cmVzdWx0JnF1b3Q7IGNsYXNzPSZxdW90O210LTYgdGV4dC1jZW50ZXIgdGV4dC1sZyBmb250LXNlbWlib2xkIHRleHQtZ3JlZW4tNjAwJnF1b3Q7Jmd0OyZsdDsvZGl2Jmd0OwogICAgJmx0Oy9kaXYmZ3Q7CgogICAgJmx0O3NjcmlwdCZndDsKICAgICAgICBjb25zdCBpbml0aWFsQW1vdW50SW5wdXQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgmcXVvdDtpbml0aWFsQW1vdW50JnF1b3Q7KTsKICAgICAgICBjb25zdCBpbnRlcmVzdFJhdGVJbnB1dCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCZxdW90O2ludGVyZXN0UmF0ZSZxdW90Oyk7CiAgICAgICAgY29uc3QgeWVhcnNJbnB1dCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCZxdW90O3llYXJzJnF1b3Q7KTsKICAgICAgICBjb25zdCBjb21wb3VuZEZyZXF1ZW5jeVNlbGVjdCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCZxdW90O2NvbXBvdW5kRnJlcXVlbmN5JnF1b3Q7KTsKICAgICAgICBjb25zdCBjYWxjdWxhdGVCdG4gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgmcXVvdDtjYWxjdWxhdGVCdG4mcXVvdDspOwogICAgICAgIGNvbnN0IHJlc3VsdERpdiA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCZxdW90O3Jlc3VsdCZxdW90Oyk7CgogICAgICAgIGNhbGN1bGF0ZUJ0bi5hZGRFdmVudExpc3RlbmVyKCZxdW90O2NsaWNrJnF1b3Q7LCBmdW5jdGlvbigpIHsKICAgICAgICAgICAgY29uc3QgaW5pdGlhbEFtb3VudCA9IHBhcnNlRmxvYXQoaW5pdGlhbEFtb3VudElucHV0LnZhbHVlKTsKICAgICAgICAgICAgY29uc3QgaW50ZXJlc3RSYXRlID0gcGFyc2VGbG9hdChpbnRlcmVzdFJhdGVJbnB1dC52YWx1ZSk7CiAgICAgICAgICAgIGNvbnN0IHllYXJzID0gcGFyc2VJbnQoeWVhcnNJbnB1dC52YWx1ZSk7CiAgICAgICAgICAgIGNvbnN0IGNvbXBvdW5kRnJlcXVlbmN5ID0gcGFyc2VJbnQoY29tcG91bmRGcmVxdWVuY3lTZWxlY3QudmFsdWUpOwoKICAgICAgICAgICAgaWYgKGlzTmFOKGluaXRpYWxBbW91bnQpIHx8IGlzTmFOKGludGVyZXN0UmF0ZSkgfHwgaXNOYU4oeWVhcnMpKSB7CiAgICAgICAgICAgICAgICByZXN1bHREaXYudGV4dENvbnRlbnQgPSAmcXVvdDvguIHguKPguLjguJPguLLguKPguLDguJrguLjguILguYnguK3guKHguLnguKXguYPguKvguYnguITguKPguJrguJbguYnguKfguJkmcXVvdDs7CiAgICAgICAgICAgICAgICByZXN1bHREaXYuY2xhc3NMaXN0LnJlbW92ZSgmcXVvdDt0ZXh0LWdyZWVuLTYwMCZxdW90Oyk7CiAgICAgICAgICAgICAgICByZXN1bHREaXYuY2xhc3NMaXN0LmFkZCgmcXVvdDt0ZXh0LXJlZC02MDAmcXVvdDspOwogICAgICAgICAgICAgICAgcmV0dXJuOwogICAgICAgICAgICB9CgogICAgICAgICAgICBpZiAoaW50ZXJlc3RSYXRlICZsdDsgMCkgewogICAgICAgICAgICAgICAgcmVzdWx0RGl2LnRleHRDb250ZW50ID0gJnF1b3Q74LiB4Lij4Li44LiT4Liy4Lij4Liw4Lia4Li44Lit4Lix4LiV4Lij4Liy4LiU4Lit4LiB4LmA4Lia4Li14LmJ4Lii4LmA4Lib4LmH4LiZ4LiE4LmI4Liy4Lia4Lin4LiBJnF1b3Q7OwogICAgICAgICAgICAgICAgcmVzdWx0RGl2LmNsYXNzTGlzdC5yZW1vdmUoJnF1b3Q7dGV4dC1ncmVlbi02MDAmcXVvdDspOwogICAgICAgICAgICAgICAgcmVzdWx0RGl2LmNsYXNzTGlzdC5hZGQoJnF1b3Q7dGV4dC1yZWQtNjAwJnF1b3Q7KTsKICAgICAgICAgICAgICAgIHJldHVybjsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgY29uc3QgZnV0dXJlVmFsdWUgPSBpbml0aWFsQW1vdW50ICogTWF0aC5wb3coMSArIChpbnRlcmVzdFJhdGUgLyAxMDApIC8gY29tcG91bmRGcmVxdWVuY3ksIGNvbXBvdW5kRnJlcXVlbmN5ICogeWVhcnMpOwogICAgICAgICAgICByZXN1bHREaXYudGV4dENvbnRlbnQgPSBg4Lih4Li54Lil4LiE4LmI4Liy4LmD4LiZ4Lit4LiZ4Liy4LiE4LiVOiAke2Z1dHVyZVZhbHVlLnRvRml4ZWQoMil9IOC4muC4suC4l2A7CiAgICAgICAgICAgIHJlc3VsdERpdi5jbGFzc0xpc3QucmVtb3ZlKCZxdW90O3RleHQtcmVkLTYwMCZxdW90Oyk7CiAgICAgICAgICAgIHJlc3VsdERpdi5jbGFzc0xpc3QuYWRkKCZxdW90O3RleHQtZ3JlZW4tNjAwJnF1b3Q7KTsKICAgICAgICB9KTsKICAgICZsdDsvc2NyaXB0Jmd0OwombHQ7L2JvZHkmZ3Q7CiZsdDsvaHRtbCZndDsKCg==
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>เครื่องคำนวณการเงิน</title>
<script src="https://c...content-available-to-author-only...s.com"></script>
<link rel="preconnect" href="https://f...content-available-to-author-only...s.com">
<link rel="preconnect" href="https://f...content-available-to-author-only...c.com" crossorigin>
<link href="https://f...content-available-to-author-only...s.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-gradient-to-r from-blue-100 to-purple-100 flex justify-center items-center min-h-screen p-4">
<div class="bg-white rounded-lg shadow-xl p-8 w-full max-w-md transition-transform hover:scale-105">
<h1 class="text-2xl font-semibold text-blue-600 text-center mb-6">เครื่องคำนวณการเงิน</h1>
<div class="mb-4">
<label for="initialAmount" class="block text-gray-700 text-sm font-bold mb-2">เงินต้น:</label>
<input type="number" id="initialAmount" placeholder="ระบุเงินต้น" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="interestRate" class="block text-gray-700 text-sm font-bold mb-2">อัตราดอกเบี้ย (% ต่อปี):</label>
<input type="number" id="interestRate" placeholder="ระบุอัตราดอกเบี้ย" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="years" class="block text-gray-700 text-sm font-bold mb-2">จำนวนปี:</label>
<input type="number" id="years" placeholder="ระบุจำนวนปี" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-6">
<label for="compoundFrequency" class="block text-gray-700 text-sm font-bold mb-2">ความถี่ในการทบต้น:</label>
<select id="compoundFrequency" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
<option value="1">รายปี</option>
<option value="2">ทุกครึ่งปี</option>
<option value="4">ทุกไตรมาส</option>
<option value="12">รายเดือน</option>
</select>
</div>
<button id="calculateBtn" class="bg-gradient-to-r from-green-400 to-blue-500 hover:from-green-500 hover:to-blue-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full transition duration-300 ease-in-out">คำนวณ</button>
<div id="result" class="mt-6 text-center text-lg font-semibold text-green-600"></div>
</div>
<script>
const initialAmountInput = document.getElementById("initialAmount");
const interestRateInput = document.getElementById("interestRate");
const yearsInput = document.getElementById("years");
const compoundFrequencySelect = document.getElementById("compoundFrequency");
const calculateBtn = document.getElementById("calculateBtn");
const resultDiv = document.getElementById("result");
calculateBtn.addEventListener("click", function() {
const initialAmount = parseFloat(initialAmountInput.value);
const interestRate = parseFloat(interestRateInput.value);
const years = parseInt(yearsInput.value);
const compoundFrequency = parseInt(compoundFrequencySelect.value);
if (isNaN(initialAmount) || isNaN(interestRate) || isNaN(years)) {
resultDiv.textContent = "กรุณาระบุข้อมูลให้ครบถ้วน";
resultDiv.classList.remove("text-green-600");
resultDiv.classList.add("text-red-600");
return;
}
if (interestRate < 0) {
resultDiv.textContent = "กรุณาระบุอัตราดอกเบี้ยเป็นค่าบวก";
resultDiv.classList.remove("text-green-600");
resultDiv.classList.add("text-red-600");
return;
}
const futureValue = initialAmount * Math.pow(1 + (interestRate / 100) / compoundFrequency, compoundFrequency * years);
resultDiv.textContent = `มูลค่าในอนาคต: ${futureValue.toFixed(2)} บาท`;
resultDiv.classList.remove("text-red-600");
resultDiv.classList.add("text-green-600");
});
</script>
</body>
</html>