0
212
Vistascreando una matriz de párrafo en javascript
Estoy dibujando datos en un lienzo JS. Necesito ingresar los valores del eje vertical y horizontal a intervalos fijos.
Preguntaría cómo crear una matriz de párrafo o texto para asignar una coordenada absoluta y el valor del eje derecho para dibujarlos alrededor del lienzo.
actualmente creé y edité línea por línea:
document.getElementById('percent0').innerHTML = a.toFixed(5-Math.round(Math.log10(a))); a = minVal+(maxVal-minVal)*0.25; document.getElementById('percent25').innerHTML = a.toFixed(5-Math.round(Math.log10(a))); a = minVal+(maxVal-minVal)*0.5; document.getElementById('percent50').innerHTML = a.toFixed(5-Math.round(Math.log10(a))); a = minVal+(maxVal-minVal)*0.75; document.getElementById('percent75').innerHTML = a.toFixed(5-Math.round(Math.log10(a))); a = minVal+(maxVal-minVal)*1; document.getElementById('percent100').innerHTML = a.toFixed(5-Math.round(Math.log10(a)));pero me gustaría usar una forma inteligente de hacerlo con una matriz si es posible.
gracias
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Simplemente agregue valores de marca a la matriz y utilícelos donde cambie:
const marks = [0, 25, 50, 75, 100}; marks.forEach(mark => { const a = minVal+(maxVal-minVal)*mark / 100.0; document.getElementById('percent' + mark).innerHTML = a.toFixed(5-Math.round(Math.log10(a))); }); Si también desea crear esos elementos html con código, puede simplemente tener algo como <div id="marks-container;></div> en su HTML y luego agregar todos los párrafos con JS también -
const p = document.createElement('p'); p.id = "percent" + mark; document.querySelector("#marks-container").appendChild(p);
·
Juan Pablo Isaza
Denunciar
Responde la pregunta