¿Cómo dividir el precio por 2 usando JS? Intenté esto pero no funcionó.
<script> const a = parseInt(document.getElementById('price_value').textContent) const b = 2 const result = a / b document.getElementById('result').innerHTML = result </script> <body> <span class="wcpa_price"><span class="woocommerce-Price-currencySymbol">$</span><span class="price_value">29.00</span></span> <div id="result"></div> </body>2 cosas:
la etiqueta del script debe estar debajo de los elementos. De lo contrario, cuando se ejecutó el script, los elementos aún no se habrían cargado.
No hay ningún elemento con el id price_value . Debería seleccionar el elemento con esa clase en su lugar.
<body> <span class="wcpa_price"><span class="woocommerce-Price-currencySymbol">$</span><span class="price_value">29.00</span></span> <div id="result"></div> <script> const a = parseInt(document.querySelector('.price_value').textContent) const b = 2 const result = a / b document.getElementById('result').innerHTML = result </script> </body>El problema aquí es que no tiene un elemento con valor de precio de identificación, pero tiene una clase llamada así.
El problema está aquí:
document.getElementById('price_value')Para arreglar esto, agregue id "price_value" en el elemento de intervalo del precio.