.result { margin: 20px; padding: 20px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 200px; }
#searchForm { display: flex; justify-content: center; align-items: center; margin-top: 10px; }
.result h2 { margin-top: 0; } document.getElementById('searchForm').addEventListener('submit', function(e) { e.preventDefault(); const searchTerm = document.getElementById('searchInput').value; const category = document.getElementById('categorySelect').value; searchContent(searchTerm, category); });
header { background-color: #333; color: white; padding: 20px; text-align: center; }
displayResults(results); }
<script src="script.js"></script> </body> </html> body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
.result { margin: 20px; padding: 20px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 200px; }
#searchForm { display: flex; justify-content: center; align-items: center; margin-top: 10px; } Searching for- gooner in-All CategoriesMovies O...
.result h2 { margin-top: 0; } document.getElementById('searchForm').addEventListener('submit', function(e) { e.preventDefault(); const searchTerm = document.getElementById('searchInput').value; const category = document.getElementById('categorySelect').value; searchContent(searchTerm, category); }); .result { margin: 20px
header { background-color: #333; color: white; padding: 20px; text-align: center; } border: 1px solid #ddd
displayResults(results); }
<script src="script.js"></script> </body> </html> body { font-family: Arial, sans-serif; margin: 0; padding: 0; }