Restaurant Menu Html Css Codepen Guide

const filterInput = document.getElementById('filter-input');

const filterInput = document.getElementById('filter-input'); restaurant menu html css codepen

const menuItems = document.querySelectorAll('.menu-item'); const filterInput = document

section { background-color: #f7f7f7; padding: 1em; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } const filterInput = document.getElementById('filter-input')

section { background-color: #f7f7f7; padding: 1em; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

ul { list-style: none; padding: 0; margin: 0; }

filterInput.addEventListener('input', (e) => { const filterValue = e.target.value.toLowerCase();