#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=
Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7dGgmcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwogICZsdDttZXRhIGNoYXJzZXQ9JnF1b3Q7VVRGLTgmcXVvdDsmZ3Q7CiAgJmx0O21ldGEgbmFtZT0mcXVvdDt2aWV3cG9ydCZxdW90OyBjb250ZW50PSZxdW90O3dpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAmcXVvdDsmZ3Q7CiAgJmx0O3RpdGxlJmd0O+C5gOC4guC5ieC4suC4quC4ueC5iOC4o+C4sOC4muC4miZsdDsvdGl0bGUmZ3Q7CiAgJmx0O3N0eWxlJmd0OwogICAgYm9keSB7CiAgICAgIGZvbnQtZmFtaWx5OiBzYW5zLXNlcmlmOwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjBmMmY1OwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgaGVpZ2h0OiAxMDB2aDsKICAgIH0KICAgIC5sb2dpbi1ib3ggewogICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTsKICAgICAgcGFkZGluZzogMnJlbTsKICAgICAgYm9yZGVyLXJhZGl1czogOHB4OwogICAgICBib3gtc2hhZG93OiAwIDRweCAxMnB4IHJnYmEoMCwwLDAsMC4xKTsKICAgICAgd2lkdGg6IDMwMHB4OwogICAgfQogICAgLmxvZ2luLWJveCBoMiB7CiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgbWFyZ2luLWJvdHRvbTogMS41cmVtOwogICAgfQogICAgLmxvZ2luLWJveCBpbnB1dCB7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBwYWRkaW5nOiAwLjc1cmVtOwogICAgICBtYXJnaW4tYm90dG9tOiAxcmVtOwogICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogICAgICBib3JkZXItcmFkaXVzOiA0cHg7CiAgICB9CiAgICAubG9naW4tYm94IGJ1dHRvbiB7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBwYWRkaW5nOiAwLjc1cmVtOwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMTg3N2YyOwogICAgICBib3JkZXI6IG5vbmU7CiAgICAgIGNvbG9yOiB3aGl0ZTsKICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsKICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgfQogICAgLmxvZ2luLWJveCBidXR0b246aG92ZXIgewogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMTU1YmNiOwogICAgfQogICZsdDsvc3R5bGUmZ3Q7CiZsdDsvaGVhZCZndDsKJmx0O2JvZHkmZ3Q7CgogICZsdDtkaXYgY2xhc3M9JnF1b3Q7bG9naW4tYm94JnF1b3Q7Jmd0OwogICAgJmx0O2gyJmd0O+C5gOC4guC5ieC4suC4quC4ueC5iOC4o+C4sOC4muC4miZsdDsvaDImZ3Q7CiAgICAmbHQ7Zm9ybSBpZD0mcXVvdDtsb2dpbkZvcm0mcXVvdDsmZ3Q7CiAgICAgICZsdDtpbnB1dCB0eXBlPSZxdW90O3RleHQmcXVvdDsgaWQ9JnF1b3Q7dXNlcm5hbWUmcXVvdDsgcGxhY2Vob2xkZXI9JnF1b3Q74LiK4Li34LmI4Lit4Lic4Li54LmJ4LmD4LiK4LmJJnF1b3Q7IHJlcXVpcmVkJmd0OwogICAgICAmbHQ7aW5wdXQgdHlwZT0mcXVvdDtwYXNzd29yZCZxdW90OyBpZD0mcXVvdDtwYXNzd29yZCZxdW90OyBwbGFjZWhvbGRlcj0mcXVvdDvguKPguKvguLHguKrguJzguYjguLLguJkmcXVvdDsgcmVxdWlyZWQmZ3Q7CiAgICAgICZsdDtidXR0b24gdHlwZT0mcXVvdDtzdWJtaXQmcXVvdDsmZ3Q74LmA4LiC4LmJ4Liy4Liq4Li54LmI4Lij4Liw4Lia4LiaJmx0Oy9idXR0b24mZ3Q7CiAgICAmbHQ7L2Zvcm0mZ3Q7CiAgJmx0Oy9kaXYmZ3Q7CgogICZsdDtzY3JpcHQmZ3Q7CiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbG9naW5Gb3JtJykuYWRkRXZlbnRMaXN0ZW5lcignc3VibWl0JywgZnVuY3Rpb24oZSkgewogICAgICBlLnByZXZlbnREZWZhdWx0KCk7CiAgICAgIGNvbnN0IHVzZXJuYW1lID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3VzZXJuYW1lJykudmFsdWU7CiAgICAgIGNvbnN0IHBhc3N3b3JkID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Bhc3N3b3JkJykudmFsdWU7CgogICAgICAvLyDguJXguLHguKfguK3guKLguYjguLLguIfguYDguIfguLfguYjguK3guJnguYTguIIgKOC4quC4suC4oeC4suC4o+C4luC5gOC4iuC4t+C5iOC4reC4oSBiYWNrZW5kIOC4iOC4o+C4tOC4h+C5hOC4lOC5iSkKICAgICAgaWYgKHVzZXJuYW1lID09PSAnYWRtaW4nICZhbXA7JmFtcDsgcGFzc3dvcmQgPT09ICcxMjM0JykgewogICAgICAgIGFsZXJ0KCfguYDguILguYnguLLguKrguLnguYjguKPguLDguJrguJrguKrguLPguYDguKPguYfguIgnKTsKICAgICAgICAvLyB3aW5kb3cubG9jYXRpb24uaHJlZiA9ICdob21lLmh0bWwnOyAvLyDguYDguJvguKXguLXguYjguKLguJnguKvguJnguYnguLIKICAgICAgfSBlbHNlIHsKICAgICAgICBhbGVydCgn4LiK4Li34LmI4Lit4Lic4Li54LmJ4LmD4LiK4LmJ4Lir4Lij4Li34Lit4Lij4Lir4Lix4Liq4Lic4LmI4Liy4LiZ4LmE4Lih4LmI4LiW4Li54LiB4LiV4LmJ4Lit4LiHJyk7CiAgICAgIH0KICAgIH0pOwogICZsdDsvc2NyaXB0Jmd0OwoKJmx0Oy9ib2R5Jmd0OwombHQ7L2h0bWwmZ3Q7
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>เข้าสู่ระบบ</title>
<style>
body {
font-family: sans-serif;
background-color: #f0f2f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.login-box {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
width: 300px;
}
.login-box h2 {
text-align: center;
margin-bottom: 1.5rem;
}
.login-box input {
width: 100%;
padding: 0.75rem;
margin-bottom: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
}
.login-box button {
width: 100%;
padding: 0.75rem;
background-color: #1877f2;
border: none;
color: white;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
}
.login-box button:hover {
background-color: #155bcb;
}
</style>
</head>
<body>
<div class="login-box">
<h2>เข้าสู่ระบบ</h2>
<form id="loginForm">
<input type="text" id="username" placeholder="ชื่อผู้ใช้" required>
<input type="password" id="password" placeholder="รหัสผ่าน" required>
<button type="submit">เข้าสู่ระบบ</button>
</form>
</div>
<script>
document.getElementById('loginForm').addEventListener('submit', function(e) {
e.preventDefault();
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
// ตัวอย่างเงื่อนไข (สามารถเชื่อม backend จริงได้)
if (username === 'admin' && password === '1234') {
alert('เข้าสู่ระบบสำเร็จ');
// window.location.href = 'home.html'; // เปลี่ยนหน้า
} else {
alert('ชื่อผู้ใช้หรือรหัสผ่านไม่ถูกต้อง');
}
});
</script>
</body>
</html>