<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.conteudo{
text-align: justify-all;
}
.texto{
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
text-align: justify;
}
.titulo{
text-align: center;
}
</style>
</head>
<body id="minhaPagina">
<div class="conteudo">
<h1 class="titulo"></h1>
<p class="texto"></p>
<label for="digite">Digite a palavra:</label>
<input name="campo" type="text" size="20" maxlength="6" /><br><br>
<button type="button" onclick="VPalindromo('fcampo')" >Validar Palíndromo</button>
</div>
<script>
function VPalindromo(str) {
//var str = document.getElementByID("fcampo").value;
var er = /[\W]/g
var smallStr = str.toLowerCase().replace(er, "");
var x = smallStr.split("").reverse().join("");
if (x == smallStr) {
alert("É um palindromo.")
}
else{
alert("Não é um palindromo.")
}
}
</script>
</body>
</html>
Pessoal,
Eu fiz este código utilizando expressões regulares mas ao tentar validar ele sempre dá reposta como falsa.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.conteudo{
text-align: justify-all;
}
.texto{
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
text-align: justify;
}
.titulo{
text-align: center;
}
</style>
</head>
<body id="minhaPagina">
<div class="conteudo">
<h1 class="titulo"></h1>
<p class="texto"></p>
<label for="digite">Digite a palavra:</label>
<input name="campo" id="fcampo" type="text" size="20" maxlength="6" /><br><br>
<button type="button" onclick="VPalindromo()" >Validar Palíndromo</button>
</div>
<script>
function VPalindromo(str) {
var er = /[\W]/g
var smallStr = str.toLowerCase().replace(er, "");
var x = smallStr.split("").reverse().join("");
if (x == smallStr) return true;
return false;
}
</script>
</body>
</html>
