Modificação de valores do elemento LI

Oi Ivan isso se deve ao fato de que todas as classes dentro das linhas tem o mesmo nome, então não há uma forma de diferenciar uma linha da outra. Você deve fazer um ajuste para que cada linha tenha uma identificação que a diferencie das outras, você pode fazer isso de muitas formas as mais comuns são atribuir nomes diferentes para seus seletores de classe, mas recomendo nesse caso fortemente o uso do id.

Espero ter ajudado. Bons estudos.

Olá Ivan uma ideia seria fazer assim:

let valores = document.querySelectorAll('.valor');

 valores.forEach( (valor) => {
      valor.textContent = "R$ " + (parseFloat(valor.textContent.slice(2))/12).toFixed(2);
   });

O que está acontecendo ali no código:

1) Primeiro eu pego um array de LI's 2) Depois eu itero sobre ele usando um forEach, que é um tipo de laço dos Array's 3) Em cada LI tem um R$ que impede do javascript de converter para valor. Então eu preciso remove-lo. Fiz isso usando a função slice(). 4) Faço a conversão (o próprio javascript faria mas resolvi fazer manualmente) e divido por 12. 5) Uso tudo dentro de um parenteses para usar o toFixed(2) dizendo que quero 2 casa decimais apenas senão ia ficar muito grande tipo 19,877767564646. 6) No final, devolvo o R$ do LI que removi no inicio. Boa sorte nos seus estudos!!

Oi Ivan ainda continua com dúvida ou já foi solucionada ?