Build a Palindrome Checker Project - Build a Palindrome Checker

JavaScript
1

Tell us what’s happening:

Has anybody noticed that the console is not working properly for them on the palindrome project? I tried to log a certain bit of code to the console and nothing popped up, then I tried console.log(‘hello’); and again nothing popped up.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <link rel='stylesheet' href='./styles.css' />
    <title>Palindrome Checker Project</title>
  </head>

  <body>
    <h1>Is Your Word A Palindrome?</h1>
    <input id='text-input' type='text' />
    <button id='check-btn'>Check to See!</button>
    <div id='result'>Your results will appear here.</div>
    <script href='./script.js'></script>
  </body>
</html>

/* file: script.js */
console.log('howdy');


/* file: styles.css */
body {
  background-color: #818EFF;
  color: #FFF281;
}

div {
  width: 400px;
  height: 200px;
  background-color: #FFF281;
  margin: 20px;
  color: #818EFF;
  font-size: 25px;
}

input {
  margin: 20px;
}

h1 {
  margin-left: 20px;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Challenge Information:

Build a Palindrome Checker Project - Build a Palindrome Checker

2

Hi @huburney

Try using the src attribute in the script element.

Happy coding

2 Likes