Está en la página 1de 2

<!

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejercicio Palindromo</title>
<style>
body{
color: darkslategrey;
font-family: Arial;
}

/* Estilo de la clase */
.boton{
color: yellow;
background: darkslategrey;
text-decoration: none;
padding: 8px 10px;
}
</style>
</head>
<body>

<h2>INGRESE LA PALABRA</h2>
<input type="text" name="" id="caja" placeholder="Escriba aqui...">
<a href="#" class="boton">Comprobar</a>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
(function ($) {

// Obtenemos el valor y lo pasamos a la variable


$('.boton').click(function () {
var palabra = $('#caja').val();

// Limpiamos espacios
var pValidada = palabra.replace(/\s/g, "");

// Limpiamos tíldes
pValidada = pValidada.normalize("NFD").replace(/[\
u0300-\u036f]/g, "");

// Dejamos solo números u letras


pValidada = pValidada.replace(/[^a-zA-Z0-9 ]/g, "");

// Convertimos todo a minúscula


pValidada = pValidada.toLowerCase();

// Hacemos la funcion de Reverse


function inversa(s){
return s.split("").reverse().join("");
}

var pInversa = inversa(pValidada)


// Comparamos las cadenas
if(pValidada == pInversa){
alert("Esta palabra SI es un Palíndromo");
} else {
alert("Esta palabra NO es un Palíndromo");
}

});
})(jQuery);
</script>

</body>
</html>

También podría gustarte