HTML: ```html Lista de Produtos

Produtos

``` CSS (styles.css): ```css body { font-family: Arial, sans-serif; } form { margin-bottom: 20px; } label { margin-top: 10px; display: block; } input, select { width: 100%; padding: 5px; margin-bottom: 10px; } button { padding: 5px 10px; background-color: #007bff; color: white; border: none; cursor: pointer; } ul { list-style-type: none; padding: 0; } li { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; } ``` JavaScript (script.js): ```javascript const productForm = document.getElementById('productForm'); const productList = document.getElementById('productList'); productForm.addEventListener('submit', function(e) { e.preventDefault(); const productName = document.getElementById('productName').value; const productDescription = document.getElementById('productDescription').value; const productValue = document.getElementById('productValue').value; const productAvailability = document.getElementById('productAvailability').value; const li = document.createElement('li'); li.innerHTML = `${productName} - Valor: R$ ${productValue}`; productList.appendChild(li); }); // Ordenar os produtos por valor do menor para o maior const products = Array.from(document.querySelectorAll('#productList li')); products.sort((a, b) => { const valueA = parseFloat(a.innerText.split('R$ ')[1]); const valueB = parseFloat(b.innerText.split('R$ ')[1]); return valueA - valueB; }); products.forEach(product => productList.appendChild(product));

Luan Cardozo

ua-z1tn33