fork download
copy 
  1. // ตลาดลำปาง.jsx
  2. import React from 'react';
  3.  
  4. const markets = [
  5.   {
  6.     name: 'กาดกองต้า',
  7.     location: 'ตัวเมืองลำปาง',
  8.     shops: [
  9.       { name: 'ร้านลำปางเซรามิก', item: 'เซรามิกลายไก่' },
  10.       { name: 'ขนมคุณยาย', item: 'ขนมพื้นเมือง' },
  11.       { name: 'ผ้าทอไทลื้อ', item: 'ผ้าฝ้ายทอมือ' },
  12.     ],
  13.   },
  14.   {
  15.     name: 'ตลาดอัศวิน',
  16.     location: 'อำเภอเมือง',
  17.     shops: [
  18.       { name: 'ลำปางฟาร์ม', item: 'ผักปลอดสาร' },
  19.       { name: 'ก๋วยเตี๋ยวป้าแดง', item: 'ก๋วยเตี๋ยวต้มยำ' },
  20.     ],
  21.   },
  22.   {
  23.     name: 'ตลาดแม่เมาะ',
  24.     location: 'อำเภอแม่เมาะ',
  25.     shops: [
  26.       { name: 'ร้านถ่านไม้ไผ่', item: 'ถ่านไม้ไผ่อัดแท่ง' },
  27.       { name: 'กาแฟเหมืองเก่า', item: 'กาแฟดริปร้อน' },
  28.     ],
  29.   },
  30. ];
  31.  
  32. export default function ตลาดลำปาง() {
  33.   return (
  34.     <div className="p-4 bg-yellow-50 min-h-screen">
  35.       <h1 className="text-3xl font-bold mb-4 text-center text-orange-800">ตลาดน่าเดินในลำปาง</h1>
  36.       <div className="grid md:grid-cols-2 gap-4">
  37.         {markets.map((market) => (
  38.           <div key={market.name} className="bg-white rounded-2xl shadow-md p-4">
  39.             <h2 className="text-xl font-semibold text-teal-700">{market.name}</h2>
  40.             <p className="text-sm text-gray-500">ที่ตั้ง: {market.location}</p>
  41.             <ul className="mt-2 list-disc list-inside">
  42.               {market.shops.map((shop) => (
  43.                 <li key={shop.name}>
  44.                   <span className="font-medium">{shop.name}</span> — {shop.item}
  45.                 </li>
  46.               ))}
  47.             </ul>
  48.           </div>
  49.         ))}
  50.       </div>
  51.     </div>
  52.   );
  53. }
Success #stdin #stdout 0.03s 25920KB
comments (?)
stdin
copy 
// ตลาดลำปาง.jsx
import React from 'react';

const markets = [
  {
    name: 'กาดกองต้า',
    location: 'ตัวเมืองลำปาง',
    shops: [
      { name: 'ร้านลำปางเซรามิก', item: 'เซรามิกลายไก่' },
      { name: 'ขนมคุณยาย', item: 'ขนมพื้นเมือง' },
      { name: 'ผ้าทอไทลื้อ', item: 'ผ้าฝ้ายทอมือ' },
    ],
  },
  {
    name: 'ตลาดอัศวิน',
    location: 'อำเภอเมือง',
    shops: [
      { name: 'ลำปางฟาร์ม', item: 'ผักปลอดสาร' },
      { name: 'ก๋วยเตี๋ยวป้าแดง', item: 'ก๋วยเตี๋ยวต้มยำ' },
    ],
  },
  {
    name: 'ตลาดแม่เมาะ',
    location: 'อำเภอแม่เมาะ',
    shops: [
      { name: 'ร้านถ่านไม้ไผ่', item: 'ถ่านไม้ไผ่อัดแท่ง' },
      { name: 'กาแฟเหมืองเก่า', item: 'กาแฟดริปร้อน' },
    ],
  },
];

export default function ตลาดลำปาง() {
  return (
    <div className="p-4 bg-yellow-50 min-h-screen">
      <h1 className="text-3xl font-bold mb-4 text-center text-orange-800">ตลาดน่าเดินในลำปาง</h1>
      <div className="grid md:grid-cols-2 gap-4">
        {markets.map((market) => (
          <div key={market.name} className="bg-white rounded-2xl shadow-md p-4">
            <h2 className="text-xl font-semibold text-teal-700">{market.name}</h2>
            <p className="text-sm text-gray-500">ที่ตั้ง: {market.location}</p>
            <ul className="mt-2 list-disc list-inside">
              {market.shops.map((shop) => (
                <li key={shop.name}>
                  <span className="font-medium">{shop.name}</span> — {shop.item}
                </li>
              ))}
            </ul>
          </div>
        ))}
      </div>
    </div>
  );
}
stdout
copy 
// ตลาดลำปาง.jsx
import React from 'react';

const markets = [
  {
    name: 'กาดกองต้า',
    location: 'ตัวเมืองลำปาง',
    shops: [
      { name: 'ร้านลำปางเซรามิก', item: 'เซรามิกลายไก่' },
      { name: 'ขนมคุณยาย', item: 'ขนมพื้นเมือง' },
      { name: 'ผ้าทอไทลื้อ', item: 'ผ้าฝ้ายทอมือ' },
    ],
  },
  {
    name: 'ตลาดอัศวิน',
    location: 'อำเภอเมือง',
    shops: [
      { name: 'ลำปางฟาร์ม', item: 'ผักปลอดสาร' },
      { name: 'ก๋วยเตี๋ยวป้าแดง', item: 'ก๋วยเตี๋ยวต้มยำ' },
    ],
  },
  {
    name: 'ตลาดแม่เมาะ',
    location: 'อำเภอแม่เมาะ',
    shops: [
      { name: 'ร้านถ่านไม้ไผ่', item: 'ถ่านไม้ไผ่อัดแท่ง' },
      { name: 'กาแฟเหมืองเก่า', item: 'กาแฟดริปร้อน' },
    ],
  },
];

export default function ตลาดลำปาง() {
  return (
    <div className="p-4 bg-yellow-50 min-h-screen">
      <h1 className="text-3xl font-bold mb-4 text-center text-orange-800">ตลาดน่าเดินในลำปาง</h1>
      <div className="grid md:grid-cols-2 gap-4">
        {markets.map((market) => (
          <div key={market.name} className="bg-white rounded-2xl shadow-md p-4">
            <h2 className="text-xl font-semibold text-teal-700">{market.name}</h2>
            <p className="text-sm text-gray-500">ที่ตั้ง: {market.location}</p>
            <ul className="mt-2 list-disc list-inside">
              {market.shops.map((shop) => (
                <li key={shop.name}>
                  <span className="font-medium">{shop.name}</span> — {shop.item}
                </li>
              ))}
            </ul>
          </div>
        ))}
      </div>
    </div>
  );
}
https://ideone.com/IM7esN
language:
PHP (php 7.3.5)
created:
21 hours 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!