tengo esto
<div id="chart1" class="bar-chart secondary" data-total="42" animated> <span class="bar-chart--inner" style="width:42%;"></span> <span class="bar-chart--text">42% </span> </div> y tengo un var score variable de javascript que necesito asignar a data-total="42" y <span class="bar-chart--text">42% </span> Mi intención es reemplazar 42 con mi javascript variable. Probé este document.getElementById("chart1").innerHTML =score que encontré en este foro pero no funcionó. Por favor ayuda.
<div id="chart1" class="bar-chart secondary" data-total="document.getElementById("chart1").innerHTML =score" animated> <span class="bar-chart--inner" style="width:42%;"></span> <span class="bar-chart--text">42% </span> </div>https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
obtener el elemento en un script JS
luego configure elem.dataset.total
document.getElementById("chart1").dataset.total = score <body> <div id="chart1" class="bar-chart secondary" data-total="42" animated> <span class="bar-chart--inner" style="width:42%;"></span> <span class="bar-chart--text">42% </span> </div> <script type="text/javascript"> var score = 20 document.getElementById("chart1").dataset.total = score </script> </body>Para configurar el html de un elemento, puede usar innerHTML, solo necesita seleccionar ese elemento en otra búsqueda.
document.querySelector(".bar-chart--text").innerHTML = score