Build a Palindrome Checker Project - Build a Palindrome Checker

JavaScript
1

Tell us what’s happening:

In Test four i think i have done everything perfectly well but still i dont see any alert being popped
const input=document.getElementById(“text-input”);
const clickButton=document.getElementById(“check-btn”);
const checkButton=()=>{
if(input.value===“”){
alert(“Please input a value”)
console.log(“Please input a value”)
}
}
clickButton.addEventListener(“click”, checkButton)

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    <body>
      <input id="text-input"/>
      <button id="check-btn"></button>
      <div id="result"></div>

    </body>
    </html>

/* file: script.js */
const input=document.getElementById("text-input");
const clickButton=document.getElementById("check-btn");
const checkButton=()=>{
if(input.value===""){
   alert("Please input a value")
}
}
clickButton.addEventListener("click", checkButton)


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Build a Palindrome Checker Project - Build a Palindrome Checker

2

Welcome to the forum @General_Kris

How does the html link to the script?

Happy coding

1 Like
3

Ohh…Thank you lemme correct the issue right away

1 Like