Tests not passing - Palindrome

JavaScript
1

Hi everyone, I can’t figure out why the first three tests are not passing with this html code please?

Learn the Date Object by Building a Date Formatter

Is it a Palindrome?

  <div class="divider"></div>
    <details class="rules-container">
      <summary>What is a Palindrome?</summary>
        <p>A <span><em>palindrome</em></span> is a word or sentence   that's spelled the same way both forward and backward, ignoring punctuation, case, and spacing.</p>
    </details>

  <div class="dropdown-container">
    <p id="enter-line">Enter in text to check for a palindrome:</p>
    <input type="text" id="text-input" name="text-input" />
    <button type="button" id="check-btn">Check</button>
    <p id="result">"RESULT"  is not a palindrome!</p>
  </div>
  </main>

<script src="./script.js"></script>
2

Your <p> element has two different ids associated with it. Any given element can only be associated with one id at a time. You might want to try numbering your

elements, like <p1 id="enter-line">...your code...</p1>...your code...<p2 id="result">...your code...</p2>. I’m not sure if the 1 ID per element rule is strict to all enumerable elements, or if they are divided per this rule. You could also just only give the ids for the three elements required for the certification project (not every element requires an id). I would also suspect there could be a problem with your last <p> element that says “RESULT” is not a palindrome, as injecting a result directly from your code into the . innerHTML area will replace the existing text there if you don’t use the correct coding in javascript (although, now I’m thinking you may have just included this as a placeholder for later). In any case, good luck! I hope this helps!