En nuestro sitio web, cuando hace clic en uno de los tamaños, se muestra un precio diferente por tamaño, lo que funciona bien. Por ejemplo, tamaño a = $10, tamaño b = $20, tamaño c = $30. Sin embargo, lo que estoy tratando de hacer es cuando el precio cambia, quiero tomar ese valor y usarlo para ejecutar otro cálculo.

El problema que tengo es que cuando trato de observar el cambio, el valor siempre permanece igual, es decir, el precio del tamaño a ($10) se imprime cada vez. No estoy seguro de si alguien puede ayudar. A continuación se muestra un ejemplo de maqueta de cómo el código se ve similar al del sitio.

 const elementToObserve = document.querySelector(".container"); const price = document.querySelector('.price'); const observer = new MutationObserver(function() { console.log(price.innerHTML); }); observer.observe(elementToObserve, { subtree: true, childList: true });

 <div class='container'> <ul class='buttons'> <li>size a</li> <li>size b</li> <li>size c</li> </ul> <p class='price'></p> </div>