IP_3sem/2_laba_IP_project/page3.html

65 lines
2.7 KiB
HTML

<html lang="ru">
<head>
<meta charset="utf-8">
<title>Добавить товар</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/style.css">
</head>
<body class="h-100 d-flex flex-column">
<main class="container-fluid p-2">
<div class="text-center add_object">
<a href="index.html">
<img class="back_arrow_icon " src="src/back_arrow_icon.png" alt="logo">
</a>
<h2>Добавить товар</h2>
<div class="mb-2 width_add_object">
<input id="name_object" name="name_object" class="form-control" type="text" placeholder="Название товара"
required>
</div>
<div class="mb-2 width_add_object">
<input id="price_object" name="price_object" class="form-control" type="text" placeholder="Цена" required>
</div>
<div class="mb-2 width_add_object">
<input id="count_object" name="count_object" class="form-control" type="text" placeholder="Количество"
required>
</div>
<div class="input-group mb-3 width_add_object">
<input type="file" class="form-control" id="inputGroupFile02">
</div>
<div class="text-center">
<button class="btn btn-primary add_object-button" type="submit">Добавить</button>
</div>
</div>
<!-- <script>-->
<!-- // Получаем ссылку на кнопку "Добавить"-->
<!-- var addButton = document.querySelector('.add_object-button');-->
<!-- // Добавляем обработчик события на клик по кнопке "Добавить"-->
<!-- addButton.addEventListener('click', function(event) {-->
<!-- // Получаем значения полей ввода-->
<!-- var name = document.getElementById('name_object').value;-->
<!-- var price = document.getElementById('price_object').value;-->
<!-- var count = document.getElementById('count_object').value;-->
<!-- // Сохраняем значения в localStorage-->
<!-- localStorage.setItem('name', name);-->
<!-- localStorage.setItem('price', price);-->
<!-- localStorage.setItem('count', count);-->
<!-- });-->
<!-- </script>-->
</main>
</body>
</html>