Estoy buscando cambiar el ícono cuando hago clic en él y también cuando presiono otro botón.
Situación actual: puedo cambiar el ícono usando .toggle pero no puedo encontrar la manera de cambiarlo cuando presiono otro botón.
Código:
HTML:
<a link=# onClick="someOtherFunction()">Change Icon by Click</a> <br> <button class="mail_btn click" onclick= "someOtherFunction(); changeIcon();"> <i id ='mailBTN' class="fa-solid fa-envelope envelope" onclick="changeIcon(this)"></i> <!-- this is the icon i want <i class="fa-solid fa-envelope-open-text"> </i> --> </button>JavaScript:
function changeIcon(icon){ icon.classList.toggle('fa-envelope-open-text'); }Puede encontrar su elemento utilizando el método getElementById de Javascript.
function anotherButtonClick() { var el = document.getElementById("mailBTN"); el.classList.toggle('fa-envelope-open-text'); }Luego puede alternar su classList como lo hizo con otro botón antes.