Skip to main content
2 de 2
Se agregaron algunas explicaciones pedidas por el OP
the-breaker
  • 5.5k
  • 4
  • 19
  • 39

Agregando una función manual para separar puntos en el código queda funcionando de la siguiente manera:

var waarde;
var bespaar;
      
function convertir(numero){
  nnumero = numero+"";
    var op=nnumero.split("").reverse();
    var new1="";
    for(i=0;i<op.length;i++){
      if(i%3==0&&i!=0)
        new1="."+new1;
       new1=op[i]+new1;
    }
    return new1;
    //console.log(new1);
}
                
$("#myRange").on('input', function(){
waarde = $("#myRange").val();             $('#woningWaarde').text(convertir(waarde));
                   $('#woningWaarde2').text(waarde);
                });
                
                $("#myRange").on('input', function(){

bespaar = Number(((($("#myRange").val())*1000))*0.047);



var a= parseInt(bespaar/1000);
                var b= bespaar % 1000;
                var strc= b.toString();
                var len= strc.length;
                    if(len === 1){
                    B = a + '.00' + strc;
                    }else if (len === 2){
                    B = a + '.00' + strc;
                    }else{
                    B = a + '.' + strc;
                    };
                    
                      });
                      
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<h2><span id="woningWaarde">350</span>.000</h2>

<div class="slidecontainer"style="text-align: center;">
  <input type="range" min="350" max="10000" value="350" step = "1" class="slider" id="myRange" list="tickmarks">
  
</div>

La función para separar un numero por miles funciona de la siguiente forma:

//se envía el numero a convertir
function convertir(numero){ 
   //se convierte el numero a cadena con +"" en nnumero 
   nnumero = numero+"";
   //convertimos la cadena en un array de caracteres con split("")
   //e invertimos el array con reverse() poniendo todo en un nuevo array op       
   var op=nnumero.split("").reverse();
   //en la cadena vacia new1 se pondra el nuevo numero convertido
   var new1="";
   
   //con esto recorremos el array (op.length = tamaño del numero)
   for(i=0;i<op.length;i++){
       //cada vez que el indice sea multiplo de 3 distinto de 0 agregamos un punto
       if(i%3==0&&i!=0)
           new1="."+new1;
       //concatenamos cada elemento a la cadena new1 para formar el nuevo numero
       new1=op[i]+new1;
   }
   //enviar el nuevo numero
   return new1;
}

Por ultimo para aplicarlo en un <span> deberas usar innerHTML de la siguiente forma:

document.getElementById('idelemento').innerHTML=convertir(variable);

Espero te sea de ayuda. Saludos.

the-breaker
  • 5.5k
  • 4
  • 19
  • 39