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