hice una etiqueta de entrada usando js después de hacer clic en un icono. Quiero ocultar la etiqueta de entrada después de hacer clic en el ícono nuevamente ... aquí está mi código js
const icon = document.querySelector('.menu li:nth-child(1)'); icon.addEventListener("click", function () { const input = document.createElement('input'); input.setAttribute('type', 'search'); input.placeholder = 'search'; const ul = document.querySelector('.menu'); const li = document.querySelector('.menu li:nth-child(1)'); ul.insertBefore(input, li); });Puedes ir de dos maneras...
Cree el elemento de entrada de búsqueda como un elemento DOM permanente y ocúltelo/muéstrelo según sea necesario.
Si desea mantener el elemento dinámico, intente codificarlo así...
icon.addEventListener("click", function () { const search_input_elem = document.getElementById("search_input"); if (search_input_elem){ search_input_elem.remove(); } else { const input = document.createElement('input'); input.setAttribute('type', 'search'); input.placeholder = 'search'; const ul = document.querySelector('.menu'); const li = document.querySelector('.menu li:nth-child(1)'); ul.insertBefore(input, li); }});