DOM (JS)
szkielet strony do uzupełnienia
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Sklep</title>
</head>
<body>
<h2>Dodaj produkt</h2>
<label>Nazwa produktu:</label>
<input type="text" id="nazwa"><br>
<label>Cena:</label>
<input type="number" id="cena"><br>
<label>Zdjęcie:</label>
<input type="file" id="zdjecie"><br>
<button onclick="dodajProdukt()">Dodaj</button>
<h2>Koszyk</h2>
<div id="koszyk"></div>
<script src="script.js"></script>
</body>
</html>Zadania do wykonania
Uzupełnij plik script.js, aby:
1. Pobierał dane:
- nazwę produktu
- cenę
- nazwę pliku zdjęcia
2. Tworzył elementy DOM:
<img><p>(nazwa)<p>(cena)
3. Dodawał je do koszyka
function dodajProdukt() {
// 1. pobierz dane
// 2. utwórz element img
// 3. utwórz paragraf z nazwą
// 4. utwórz paragraf z ceną
// 5. dodaj do koszyka
}