Problem with "Syntax error: unexpected token 'let'

3.6k Views Asked by achlopecki83 At 28 July 2019 at 07:41

I'm using AptanaStudio 3 and I'm getting an error with some of my javascript code:

Syntax error: unexpected token 'let'.

How do I fix this? Maybe there is some way around using let? I don't know. I've just started with Javascript and I'm a bit confused. Maybe this is only an AptanaStudio 3 issue?

const para = document.querySelector('p');

para.addEventListener('click', updateName);

function updateName() {
    let name = prompt('Enter a new name');
    para.textContent = 'Player1:' + name;
}

This Javascript code adds some dynamic behaviour to my html/css code.

Original Q&A

There are 2 best solutions below

Jack Bashford On 28 July 2019 at 07:53

In this context, var is syntactically identical to let, and is much more widely supported, particularly on Microsoft's Internet Explorer. To make your code fully ECMAScript 5 compatible, it would look like this:

var para = document.querySelector("p");

para.addEventListener("click", updateName);

function updateName() {
    var name = prompt("Enter a new name");
    para.textContent = "Player1:" + name;
}

_{(Nothing has changed except replacing ES6 const and let with ES5 var.)}

Guilherme Ponsoni Ferreira On 28 July 2019 at 07:56

I've just tested your code and it works correctly! I think the problem is AptanaStudio, you should read: Does Aptana support ES6?. The thing is, let is an statement that was born with ECMAScript 6, the "new Javascript" ahahah
Read this article to new more about this update on js power: https://www.w3schools.com/js/js_es6.asp
I recommend you look for other IDEs or even start thinking about programming without a real IDE, but with just a text editor like Visual Code or Sublime Text (which I like a lot).
For testing I simply used Visual Studio Code and opened the html file in Google Chrome with the code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>

</head>
<body>
  <p>Player name.</p>
  <script>
    const para = document.querySelector('p');

    para.addEventListener('click', updateName);

    function updateName() {
      let name = prompt('Enter a new name');
      para.textContent = 'Player1:' + name;
    }
  </script>
</body>
</html>

Problem with "Syntax error: unexpected token 'let'

There are 2 best solutions below

Related Questions in JAVASCRIPT

Related Questions in ECMASCRIPT-6

Related Questions in APTANA

Related Questions in APTANA3

Trending Questions

Popular # Hahtags

Popular Questions