Instruções

Crie um verificador de palíndromo

Um <dfn>palíndromo</dfn> é uma palavra ou frase que pode ser lida da mesma maneira de frente para trás e de trás para frente, ignorando pontuação, maiúsculas e minúsculas, e espaços. Nota: Você precisará remover todos os caracteres não alfanuméricos (pontuação, espaços e símbolos) e transformar tudo para a mesma caixa (minúscula ou maiúscula) para verificar palíndromos. Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Você deve ter um elemento input com um id igual a "text-input". 1. Você deve ter um elemento button com um id igual a "check-btn". 1. Você deve ter um elemento div, span ou p com um id igual a "result". 1. Quando você clicar no elemento #check-btn sem inserir um valor no elemento #text-input, um alerta deve aparecer com o texto Please input a value. 1. Quando o elemento #text-input possuir apenas a letra A e o elemento #check-btn for clicado, o elemento #result deverá conter o texto A is a palindrome. 1. Quando o elemento #text-input possuir o texto eye e o elemento #check-btn for clicado, o elemento #result deverá conter o texto eye is a palindrome. 1. Quando o elemento #text-input possuir o texto _eye e o elemento #check-btn for clicado, o elemento #result deverá conter o texto _eye is a palindrome. 1. Quando o elemento #text-input possuir o texto race car e o elemento #check-btn for clicado, o elemento #result deverá conter o texto race car is a palindrome. 1. Quando o elemento #text-input possuir o texto not a palindrome e o elemento #check-btn for clicado, o elemento #result deverá conter o texto not a palindrome is not a palindrome. 1. Quando o elemento #text-input possuir o texto A man, a plan, a canal. Panama e o elemento #check-btn for clicado, o elemento #result deverá conter o texto A man, a plan, a canal. Panama is a palindrome. 1. Quando o elemento #text-input possuir o texto never odd or even e o elemento #check-btn for clicado, o elemento #result deverá conter o texto never odd or even is a palindrome. 1. Quando o elemento #text-input possuir o texto nope e o elemento #check-btn for clicado, o elemento #result deverá conter o texto nope is not a palindrome. 1. Quando o elemento #text-input possuir o texto almostomla e o elemento #check-btn for clicado, o elemento #result deverá conter o texto almostomla is not a palindrome. 1. Quando o elemento #text-input ppossuir o texto My age is 0, 0 si ega ym. e o elemento #check-btn for clicado, o elemento #result deverá conter o texto My age is 0, 0 si ega ym. is a palindrome. 1. Quando o elemento #text-input possuir o texto 1 eye for of 1 eye. e o elemento #check-btn for clicado, o elemento #result deverá conter o texto 1 eye for of 1 eye. is not a palindrome. 1. Quando o elemento #text-input possuir o texto 0_0 (: /-\ :) 0-0 e o elemento #check-btn for clicado, o elemento #result deverá conter o texto 0_0 (: /-\ :) 0-0 is a palindrome. 1. Quando o elemento #text-input possuir o texto five|\_/|four e o elemento #check-btn for clicado, o elemento #result deverá conter o texto five|\_/|four is not a palindrome.

O que fazer:

Testes:

  • Você deve ter um elemento `input` com um `id` igual a `"text-input"`.
  • Você deve ter um elemento `button` com um `id` igual a `"check-btn"`.
  • Você deve ter um elemento `div`, `span` ou `p` com um `id` de `"result"`.
  • Quando você clicar no elemento `#check-btn` sem inserir um valor no elemento `#text-input`, um alerta deve aparecer com o texto `Please input a value`.
  • Quando o elemento `#text-input` possuir apenas a letra `A` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `A is a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `eye` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `eye is a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `_eye` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `_eye is a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `race car` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `race car is a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `not a palindrome` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `not a palindrome is not a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `A man, a plan, a canal. Panama` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `A man, a plan, a canal. Panama is a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `never odd or even` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `never odd or even is a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `nope` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `nope is not a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `almostomla` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `almostomla is not a palindrome`.
  • Quando o elemento `#text-input` ppossuir o texto `My age is 0, 0 si ega ym.` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `My age is 0, 0 si ega ym. is a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `1 eye for of 1 eye.` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `1 eye for of 1 eye. is not a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `0_0 (: /-\ :) 0-0` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `0_0 (: /-\ :) 0-0 is a palindrome`.
  • Quando o elemento `#text-input` possuir o texto `five|\_/|four` e o elemento `#check-btn` for clicado, o elemento `#result` deverá conter o texto `five|\_/|four is not a palindrome`.
  • Quando o elemento `#text-input` possuir um palíndromo alfanumérico, o elemento `#result` deverá identificá-lo corretamente como um palíndromo.
  • Quando o elemento `#text-input` possuir uma sequência aleatória de caracteres alfanuméricos que não seja um palíndromo, o elemento `#result` deverá indicar que não é um palíndromo.

Preview