Palindromos con JavaScript

verificar palindromos con javascript | discover palindromes with javascript code
k

12/03/2023

Verificar Palíndromos con Javascript Código

En este artículos vamos a verificar palíndromos con JavaScript código. Y qué significa concretamente el término palíndromo? Pues ni más ni menos que podemos leer dicho texto o palabra de izquierda a derecha al igual que de derecha a izquierda.

El ejercicio se basa en crear código js en una página web que nos permite verificar palíndromos con JavaScript.

Con dicho código solicitamos al usuario que introduzca un texto o palabra. Por lo que una vez hace las comprobaciones oportunas nos devuelve un mensaje en pantalla afirmativo si el texto o palabra introducido es o no un palíndromo. Con el fin de facilitar la comprobación de lo anterior, el código JavaScript no tiene en cuenta los espacios entre palabras que pueda haber.

JS


<script> 
var cadena = prompt('Introduzca un texto o palabra por favor');
cadena = cadena.toLowerCase().replace(/\s/g,"");
var reves = cadena.split("").reverse().join("");

function palindromo (cadena) {
    if(cadena == reves){
      alert('El texto o palabra introducido es un palindromo');
    }
    else{
      alert('El texto o palabra introducido NO es un palindromo');
    }
 }
palindromo (cadena);
</script>

 

Palindromos con Javascript Código paso a paso

En primer lugar creamos una variable llamada cadena. En esta variable se encuentra la opción prompt. A través  de esta opción el navegador nos ofrece la opción de insertar texto en un pop up. Por lo tanto la información introducida por el usuario se almacena en la variable cadena.

Como no sabemos si el usuario introducirá letras mayúsculas o minúsculas, le aplicamos el método toLowerCase ( ). Este método convierte el texto introducido en letras minúsculas, en el caso que se introduzcan letras mayúsculas.

Con el método replace ( ), quitamos los espacios en blanco que pudiese haber en el texto que introduce el usuario.

Como consecuencia de aplicar estos dos métodos anteriores estamos convirtiendo la información del usuario en minúsculas y sin espacios. Esta conversión nos ayudará en la comparación posterior y nos evitamos los posibles errores de “case sensitive” de letras o nombres y de espacios en blanco.

Posteriormente creamos otra variable llamada reves, que convierte de derecha a izquierda el texto o valor almacenado en la variable cadena para de esta forma poder comparar ambos variables.

En último lugar, dicha comparación se lleva a cabo con la función palíndromo, que recoge el valor de cadena y lo compara con el valor de reves. Si el texto no coincide recibimos un mensaje negativo. Pero en cambio si el texto coincide, recibimos un mensaje afirmativo de que hemos verificado palíndromos con JavaScript código.

En la imagen abajo se puede reconocer un perfecto ejemplo de lo que es un palíndromo en la palabra «RECONOCER».

verificar palindromos con javascript | discover palindromes with javascript code

Si queréis seguir profundizando en el lenguaje JavaScript hay algunos libros muy adecuados para aprender JavaScript desde 0.

Creatuwebpymes, es una empresa de Diseño y programación de páginas web en Canarias que ❤️ la programación.

Otras entradas al Blog

Como hacer una calculadora con código python - Menu de Calculadora básica creada con código Python - Calculator Python code

Calculadora con Python

validar dni javascript en blog diseño páginas web - validate spainsh id using javascript

Validar ID con Javascript

indexeddb api base de datos local html 5 creatuwebpymes blog

IndexedDB Local Storage

creatuwebpymes quien somos

Francisco Brito Diaz

CEO de creatuwebpymes.com, empresa de diseño web y marketing digital en Canarias.