¿Puede alguien decirme por qué, cuando pruebo el código, aparece un error que indica que el código ha fallado a pesar de que todo funciona correctamente? Recibo el mismo error para las 4 funciones y se ingresa el tamaño de fuente. Gracias por adelantado.
El error: Did you set the ingredients Font Awesome icon font size inside the body of the ingredientsNormal() function?
<script> function ingredientsHover() { document.getElementById("ingredients").firstElementChild.firstElementChild.style.fontSize = "300%"; } function ingredientsNormal() { document.getElementById("ingredients").firstElementChild.firstElementChild.style.fontSize = "100%"; } function preparationHover() { document.getElementById("preparation").firstElementChild.firstElementChild.style.fontSize = "300%"; } function preparationNormal() { document.getElementById("preparation").firstElementChild.firstElementChild.style.fontSize = "100%"; } </script>¿Podría decir por qué el código ha fallado? ¿Qué tipo de información obtuviste de la notificación?
El navegador se comporta permisivo con respecto al código ejecutado no correctamente. Intenta hacerlo lo mejor posible convirtiendo sus cosas en HTML utilizable ^^ De esa manera, su prueba puede fallar, pero su navegador la acepta en silencio.
Mi primer enfoque sería reducir la complejidad ejecutando solo una de esas funciones primero y, en segundo lugar, solo registrando el resultado de una llamada de función reducida como:
function ingredientsHover() { const ingredients = document.getElementById("ingredients").firstElementChild; console.log("ingredients: ", ingredients); }Si esto funciona, puede ampliar su enfoque hasta que, con suerte, capte la parte problemática.
Por cierto... La selección de elementos de la forma en que lo está haciendo es propensa a errores.
Tiene varias formas de mejorar su código con respecto a esto. Dos posibles sugerencias:
document.getElementById("ingredients")?.firstElementChild?.firstElementChild?.style?.fontSize="300%"document.querySelector('#ingredients:first-child:first-child'); No lo probé, pero deberías hacerte una idea, ¿verdad? :-)