fork download
copy 
  1. <!DOCTYPE html>
  2. <html lang="th">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>ร้านขาย Nitro</title>
  7.     <link rel="stylesheet" href="styles.css">
  8. </head>
  9. <body>
  10.     <header>
  11.         <h1>ร้านขาย Nitro</h1>
  12.         <nav>
  13.             <a href="index.html">หน้าแรก</a>
  14.             <a href="login.html">เข้าสู่ระบบ</a>
  15.             <a href="cart.html">รถเข็น</a>
  16.         </nav>
  17.     </header>
  18.  
  19.     <section class="products">
  20.         <h2>รายการ Nitro</h2>
  21.         <div class="product">
  22.             <img src="nitro1.png" alt="Nitro Basic">
  23.             <h3>Nitro Basic</h3>
  24.             <p>ราคา: 100 บาท</p>
  25.             <button onclick="addToCart('Nitro Basic', 100)">เพิ่มลงรถเข็น</button>
  26.         </div>
  27.  
  28.         <div class="product">
  29.             <img src="nitro2.png" alt="Nitro Boost">
  30.             <h3>Nitro Boost</h3>
  31.             <p>ราคา: 200 บาท</p>
  32.             <button onclick="addToCart('Nitro Boost', 200)">เพิ่มลงรถเข็น</button>
  33.         </div>
  34.     </section>
  35.  
  36.     <footer>
  37.         <p>ร้านขาย Nitro © 2025</p>
  38.     </footer>
  39.  
  40.     <script src="script.js"></script>
  41. </body>
  42. </html>
  43.  
  44. body {
  45.     font-family: Arial, sans-serif;
  46.     background-color: #dff0ff;
  47.     text-align: center;
  48. }
  49.  
  50. header {
  51.     background-color: #0099ff;
  52.     color: white;
  53.     padding: 15px;
  54. }
  55.  
  56. nav a {
  57.     color: white;
  58.     text-decoration: none;
  59.     margin: 0 15px;
  60. }
  61.  
  62. .products {
  63.     display: flex;
  64.     justify-content: center;
  65.     margin-top: 20px;
  66. }
  67.  
  68. .product {
  69.     background: white;
  70.     padding: 15px;
  71.     margin: 10px;
  72.     border-radius: 10px;
  73.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  74. }
  75.  
  76. button {
  77.     background: #007bff;
  78.     color: white;
  79.     border: none;
  80.     padding: 10px;
  81.     cursor: pointer;
  82. }
  83.  
  84. button:hover {
  85.     background: #0056b3;
  86. }
  87. <!DOCTYPE html>
  88. <html lang="th">
  89. <head>
  90.     <meta charset="UTF-8">
  91.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  92.     <title>รถเข็น</title>
  93.     <link rel="stylesheet" href="styles.css">
  94. </head>
  95. <body>
  96.     <header>
  97.         <h1>รถเข็นของฉัน</h1>
  98.         <nav>
  99.             <a href="index.html">หน้าแรก</a>
  100.             <a href="login.html">เข้าสู่ระบบ</a>
  101.         </nav>
  102.     </header>
  103.  
  104.     <section>
  105.         <h2>สินค้าที่เลือก</h2>
  106.         <ul id="cart-list"></ul>
  107.         <p>ยอดรวม: <span id="total-price">0</span> บาท</p>
  108.         <button onclick="checkout()">ชำระเงิน</button>
  109.     </section>
  110.  
  111.     <script src="script.js"></script>
  112. </body>
  113. </html>
  114.  
  115. <!DOCTYPE html>
  116. <html lang="th">
  117. <head>
  118.     <meta charset="UTF-8">
  119.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  120.     <title>เข้าสู่ระบบ</title>
  121.     <link rel="stylesheet" href="styles.css">
  122. </head>
  123. <body>
  124.     <header>
  125.         <h1>เข้าสู่ระบบ</h1>
  126.         <nav>
  127.             <a href="index.html">หน้าแรก</a>
  128.         </nav>
  129.     </header>
  130.  
  131.     <section>
  132.         <form id="login-form">
  133.             <label for="username">ชื่อผู้ใช้:</label>
  134.             <input type="text" id="username" required>
  135.             <label for="password">รหัสผ่าน:</label>
  136.             <input type="password" id="password" required>
  137.             <button type="submit">เข้าสู่ระบบ</button>
  138.         </form>
  139.     </section>
  140.  
  141.     <script>
  142.         document.getElementById("login-form").addEventListener("submit", function(event) {
  143.             event.preventDefault();
  144.             alert("เข้าสู่ระบบสำเร็จ!");
  145.         });
  146.     </script>
  147. </body>
  148. </html>
  149.  
  150. let cart = [];
  151.  
  152. function addToCart(productName, price) {
  153.     cart.push({ name: productName, price: price });
  154.     localStorage.setItem("cart", JSON.stringify(cart));
  155.     alert(productName + " ถูกเพิ่มลงในรถเข็น!");
  156. }
  157.  
  158. function loadCart() {
  159.     let cartList = document.getElementById("cart-list");
  160.     let totalPrice = document.getElementById("total-price");
  161.  
  162.     cart = JSON.parse(localStorage.getItem("cart")) || [];
  163.     cartList.innerHTML = "";
  164.     let sum = 0;
  165.  
  166.     cart.forEach((item, index) => {
  167.         let li = document.createElement("li");
  168.         li.textContent = `${item.name} - ${item.price} บาท`;
  169.         cartList.appendChild(li);
  170.         sum += item.price;
  171.     });
  172.  
  173.     totalPrice.textContent = sum;
  174. }
  175.  
  176. function checkout() {
  177.     alert("ไปหน้าชำระเงิน!");
  178. }
  179.  
  180. if (document.getElementById("cart-list")) {
  181.     loadCart();
  182. }
Success #stdin #stdout 0.03s 25600KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
#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;

}
https://ideone.com/TjFCt9
language:
PHP (php 7.3.5)
created:
3 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!