Estoy tratando de usar un código JS para completar elementos con sus valores ya completados como se describe en la imagen del enlace de la tabla a continuación:
Para este código a continuación, ¿qué modificación se requerirá para obtener el valor final deseado?
var data = document.querySelectorAll("[id^='1253']").forEach(x => x.value if( data > 0){ var result = '(' + data + ')' document.querySelectorAll("[id^='1253']").forEach(x => x.value = result) }No estoy seguro de por qué llama a querySelectorAll dos veces o para qué son data :
document.querySelectorAll("[id^='1253']") .forEach(o => { if (o.value && !isNaN(o.value) && o.value < 0.9) o.value = `(${o.value})`; }); <div><input id="1253~blah1" value="0.1" /></div> <div><input id="1253~blah2" value="0.2" /></div> <div><input id="1253~blah3" value="" /></div> <div><input id="1253~blah4" value="0.9" /></div> <div><input id="1253~blah5" value="11.2" /></div>Usuario innerText en lugar de value al establecer el resultado en sus elementos. value es una propiedad html y no significa necesariamente lo que se ve en la pantalla.
if( data > 0) { var result = '(' + data + ')' document.querySelectorAll("[id^='1253']").forEach(x => x.innerText = result) }document.querySelectorAll("[id^='1253']") .forEach(o => { if (o.value && !isNaN(o.value) && o.value < 0.9) o.value = `(${o.value})`; });Este es el código que resolvió mi consulta. Gracias a todos.