fork download
copy 
  1. <?php
  2. session_start();
  3.  
  4. if (!isset($_SESSION['cart'])) {
  5.     $_SESSION['cart'] = [];
  6. }
  7.  
  8. if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['item']) && isset($_POST['price'])) {
  9.     $item = $_POST['item'];
  10.     $price = $_POST['price'];
  11.     $_SESSION['cart'][] = ['item' => $item, 'price' => $price];
  12. }
  13.  
  14. function displayCart() {
  15.     $total = 0;
  16.     foreach ($_SESSION['cart'] as $cartItem) {
  17.         echo "<li>{$cartItem['item']} - {$cartItem['price']} руб.</li>";
  18.         $total += $cartItem['price'];
  19.     }
  20.     echo "<p><strong>Общая сумма: {$total} руб.</strong></p>";
  21. }
  22.  
  23. function displayItem($image, $name, $price) {
  24.     echo "
  25.     <div class='item'>
  26.         <img src='{$image}' alt='{$name}'>
  27.         <h3>{$name}</h3>
  28.         <p>Цена: {$price} руб.</p>
  29.         <form method='POST'>
  30.             <input type='hidden' name='item' value='{$name}'>
  31.             <input type='hidden' name='price' value='{$price}'>
  32.             <button type='submit'>Купить</button>
  33.         </form>
  34.     </div>";
  35. }
  36.  
  37. ?>
  38.  
  39. <!DOCTYPE html>
  40. <html lang="ru">
  41. <head>
  42.     <meta charset="UTF-8">
  43.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  44.     <title>Каталог Одежды</title>
  45.     <style>
  46.         body {
  47.             font-family: Arial, sans-serif;
  48.             margin: 0;
  49.             padding: 0;
  50.             background-color: #f4f4f4;
  51.         }
  52.         header {
  53.             background-color: #333;
  54.             color: white;
  55.             padding: 1rem;
  56.             text-align: center;
  57.         }
  58.         nav {
  59.             display: flex;
  60.             justify-content: center;
  61.             background-color: #444;
  62.         }
  63.         nav a {
  64.             color: white;
  65.             padding: 1rem;
  66.             text-decoration: none;
  67.             transition: background 0.3s;
  68.         }
  69.         nav a:hover {
  70.             background-color: #555;
  71.         }
  72.         .container {
  73.             display: flex;
  74.             flex-wrap: wrap;
  75.             justify-content: space-around;
  76.             padding: 1rem;
  77.         }
  78.         .item {
  79.             background-color: white;
  80.             border: 1px solid #ddd;
  81.             border-radius: 5px;
  82.             margin: 1rem;
  83.             padding: 1rem;
  84.             width: 200px;
  85.             transition: transform 0.3s;
  86.         }
  87.         .item:hover {
  88.             transform: scale(1.05);
  89.         }
  90.         .item img {
  91.             width: 100%;
  92.             border-radius: 5px;
  93.         }
  94.         .item h3 {
  95.             margin: 0.5rem 0;
  96.         }
  97.         .item p {
  98.             color: #555;
  99.         }
  100.         .item button {
  101.             background-color: #333;
  102.             color: white;
  103.             border: none;
  104.             padding: 0.5rem 1rem;
  105.             cursor: pointer;
  106.             transition: background 0.3s;
  107.         }
  108.         .item button:hover {
  109.             background-color: #555;
  110.         }
  111.         footer {
  112.             background-color: #333;
  113.             color: white;
  114.             text-align: center;
  115.             padding: 1rem;
  116.             position: fixed;
  117.             width: 100%;
  118.             bottom: 0;
  119.         }
  120.     </style>
  121. </head>
  122. <body>
  123.  
  124. <header>
  125.     <h1>Каталог Одежды</h1>
  126. </header>
  127.  
  128. <nav>
  129.     <a href="#outerwear">Верхняя одежда</a>
  130.     <a href="#pants">Штаны</a>
  131.     <a href="#tshirts">Футболки</a>
  132.     <a href="#shoes">Обувь</a>
  133.     <a href="#cart">Корзина</a>
  134. </nav>
  135.  
  136. <div class="container" id="outerwear">
  137.     <h2>Верхняя одежда</h2>
  138.     <?php
  139.     displayItem('jacket.jpg', 'Куртка', 5000);
  140.     // Добавьте другие товары верхней одежды здесь
  141.     ?>
  142. </div>
  143.  
  144. <div class="container" id="pants">
  145.     <h2>Штаны</h2>
  146.     <?php
  147.     displayItem('pants.jpg', 'Штаны', 3000);
  148.     // Добавьте другие товары штанов здесь
  149.     ?>
  150. </div>
  151.  
  152. <div class="container" id="tshirts">
  153.     <h2>Футболки</h2>
  154.     <?php
  155.     displayItem('tshirt.jpg', 'Футболка', 1500);
  156.     // Добавьте другие товары футболок здесь
  157.     ?>
  158. </div>
  159.  
  160. <div class="container" id="shoes">
  161.     <h2>Обувь</h2>
  162.     <?php
  163.     displayItem('shoes.jpg', 'Обувь', 4000);
  164.     // Добавьте другие товары обуви здесь
  165.     ?>
  166. </div>
  167.  
  168. <div class="container" id="cart">
  169.     <h2>Корзина</h2>
  170.     <ul>
  171.         <?php displayCart(); ?>
  172.     </ul>
  173. </div>
  174.  
  175. <footer>
  176.     &copy; 2024 Каталог Одежды
  177. </footer>
  178.  
  179. </body>
  180. </html>
  181.  
Success #stdin #stdout #stderr 0.04s 26000KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Каталог Одежды</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        header {
            background-color: #333;
            color: white;
            padding: 1rem;
            text-align: center;
        }
        nav {
            display: flex;
            justify-content: center;
            background-color: #444;
        }
        nav a {
            color: white;
            padding: 1rem;
            text-decoration: none;
            transition: background 0.3s;
        }
        nav a:hover {
            background-color: #555;
        }
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            padding: 1rem;
        }
        .item {
            background-color: white;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin: 1rem;
            padding: 1rem;
            width: 200px;
            transition: transform 0.3s;
        }
        .item:hover {
            transform: scale(1.05);
        }
        .item img {
            width: 100%;
            border-radius: 5px;
        }
        .item h3 {
            margin: 0.5rem 0;
        }
        .item p {
            color: #555;
        }
        .item button {
            background-color: #333;
            color: white;
            border: none;
            padding: 0.5rem 1rem;
            cursor: pointer;
            transition: background 0.3s;
        }
        .item button:hover {
            background-color: #555;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 1rem;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
    </style>
</head>
<body>

<header>
    <h1>Каталог Одежды</h1>
</header>

<nav>
    <a href="#outerwear">Верхняя одежда</a>
    <a href="#pants">Штаны</a>
    <a href="#tshirts">Футболки</a>
    <a href="#shoes">Обувь</a>
    <a href="#cart">Корзина</a>
</nav>

<div class="container" id="outerwear">
    <h2>Верхняя одежда</h2>
    
    <div class='item'>
        <img src='jacket.jpg' alt='Куртка'>
        <h3>Куртка</h3>
        <p>Цена: 5000 руб.</p>
        <form method='POST'>
            <input type='hidden' name='item' value='Куртка'>
            <input type='hidden' name='price' value='5000'>
            <button type='submit'>Купить</button>
        </form>
    </div></div>

<div class="container" id="pants">
    <h2>Штаны</h2>
    
    <div class='item'>
        <img src='pants.jpg' alt='Штаны'>
        <h3>Штаны</h3>
        <p>Цена: 3000 руб.</p>
        <form method='POST'>
            <input type='hidden' name='item' value='Штаны'>
            <input type='hidden' name='price' value='3000'>
            <button type='submit'>Купить</button>
        </form>
    </div></div>

<div class="container" id="tshirts">
    <h2>Футболки</h2>
    
    <div class='item'>
        <img src='tshirt.jpg' alt='Футболка'>
        <h3>Футболка</h3>
        <p>Цена: 1500 руб.</p>
        <form method='POST'>
            <input type='hidden' name='item' value='Футболка'>
            <input type='hidden' name='price' value='1500'>
            <button type='submit'>Купить</button>
        </form>
    </div></div>

<div class="container" id="shoes">
    <h2>Обувь</h2>
    
    <div class='item'>
        <img src='shoes.jpg' alt='Обувь'>
        <h3>Обувь</h3>
        <p>Цена: 4000 руб.</p>
        <form method='POST'>
            <input type='hidden' name='item' value='Обувь'>
            <input type='hidden' name='price' value='4000'>
            <button type='submit'>Купить</button>
        </form>
    </div></div>

<div class="container" id="cart">
    <h2>Корзина</h2>
    <ul>
        <p><strong>Общая сумма: 0 руб.</strong></p>    </ul>
</div>

<footer>
    &copy; 2024 Каталог Одежды
</footer>

</body>
</html>
stderr
copy 
PHP Notice:  Undefined index: REQUEST_METHOD in /home/GZYdyj/prog.php on line 8
https://ideone.com/lwWDjb
language:
PHP (php 7.3.5)
created:
169 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!