Palindrome-validator

Javascript test

by vaxilart

HTML

<h1>Palindrome validator</h1>
<form>
    <input type="text" name="palindrome" id="palindrome" value="Rotator"/>
    <input type="submit" value="Validate"/>
    <div class="messages">
        <div id="success" style="display: none">That's a valid palindrome</div>
        <div id="error" style="display: none">That's an invalid palindrome</div>
    </div>
</form>

<h2>Example values</h2>
<ul>
    <li>Was it Eliot's toilet I saw?</li>
    <li>Do geese see God?</li>
    <li>A man, a plan, a cat, a ham, a yak, a yam, a hat, a canal-Panama!</li>
</ul>

CSS

#success {
  color: green;
}
#error {
  color: red;
}