app.js:14 Uncaught SyntaxError: Unexpected token )

Question

Cant figure out why my JS wont run

const toggleList = document.getElementById('toggleList');
const listDiv = document.querySelector('.list')
const input = document.querySelector('input');
const p = document.querySelector('p.description');
const button = document.querySelector('button');

toggleList.addEventListener('click', () => {
  if (listDiv.style.display == 'none') {
    toggleList.textContent = 'Hide List';
    listDiv.style.display = 'block';
} else {
  toggleList.textContent = 'Show List';
  listDiv.style.display = 'none';                            
});

button.addEventListener('click', () => {
  p.innerHTML = input.value + ':';
});

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript and the DOM</title>
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <h1 id="myHeading">JavaScript and the DOM</h1>
    <p>Making a web page interactive</p> 
    <button id="toggleList">Hide List</button>

    <div class="list"> 

      <p class="description">Things that are purple:</p>
     <input type="text" class="description">
      <button id ="to"class=description> Change list description</button>
    <ul>
      <li>grapes</li>
      <li>amethyst</li>
      <li>lavender</li>
      <li>plums</li>
    </ul>

    </div>
    <script src="app.js"></script>
  </body>
</html>

Answer 1 · 2017-07-15T01:02:32Z

July 15, 2017 1:02am

in your toggleList event listener, the last line is }); where the curly closes the else block and the paren closes the argument list to addEventListener, but notice you are missing the closing curly for the callback function block. it is expecting another } which is why the ) is an unexpected token.

Welcome to the Treehouse Community

Looking to learn something new?

Ben Ahlander

Ben Ahlander

app.js:14 Uncaught SyntaxError: Unexpected token )

1 Answer

james south

james south

Steve Gallant

Steve Gallant