JavaScript - tomar ulmitomos caracteres agregados en un input

<<>>
 
Vista:
Imágen de perfil de Eduardo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

tomar ulmitomos caracteres agregados en un input

Publicado por Eduardo (186 intervenciones) el 20/03/2025 01:05:16
hola a todos espero me puedan ayudar tengo este código que lo que hace es tomar una parte de la url y mostrarla

toma los 30 últimos caracteres de la misma


1
2
3
4
5
<script>
var txturl ="https://www.colombiaenmapas.gov.co/?e=-75.06639379599409,9.39515851169068,-75.0647174153603,9.395966933936414,4686&b=igac&u=0&module=catastral&npredial=707170100000000580003000000000";
var txtnpredialmenos30 =txturl.substr(-30);
document.write(txtnpredialmenos30);
</script>


por lo que me gustaria que la url se ingresara en un input y el resultado lo mostrara en otro input

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<form id="form1" name="form1" method="post" action="">
  <p>
    <label for="url"></label>
    URL:
    <input type="text" name="url" id="url" />
  </p>
  <p>Predial:
    <input type="text" name="npredial" id="npredial" />
  </p>
</form>
 
 
 
<script>
      let txturl = document.getElementById('url');
      let txtnpredial = document.getElementById('npredial');
     // let txtnpredialanterior = document.getElementById('npredialanterior');
 
      txturl.addEventListener('blur', () => {
         var txtnpredialmenos30 = txturl.substr(-30);
         txtnpredial.value = txtnpredialmenos30.value
      });
 
</script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

tomar ulmitomos caracteres agregados en un input

Publicado por Alfredo (38 intervenciones) el 07/04/2025 16:50:08
Para acceder al valor del input de txturl debes usar la propiedad value de esta manera

1
let txturl = document.getElementById('url').value;

Estas usando mal el substr. TIenes que pasar dos parametros. El primero es el indice de donde vas a empezar a tomar los caracteres de la cadena y el segundo la cantidad de caracteres desde ese indice.

1
var txtnpredialmenos30 = txturl.substr(txturl.length -30, 30);

Podrias tambier usar el objeto URL para extraer el valor de npredial sin importar el largo de esta manera

1
2
3
const txturl = document.getElementById('url').value;
const url = new URL(txturl);
const npredial = url.searchParams.get("npredial");
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar