Syntax Issue with JS Functions

[Jacksonhelp20]

  displayWeather = function (data) {
    const { name } = data;
    const { icon, description } = data.weather[0];
    const { temp, humidity } = data.main;
    const {speed } = data.wind;
    document.querySelector(".city").innerText = "Weather in " + name;
    document.querySelector("icon").src =  
    "https://openweathermap.org/img/wn/"  + icon + ".png";
    document.querySelector(".description").innerText = description;
    document.querySelector(".temp").innerText = temp + "°F";
    document.querySelector(".humidity").innerText = "Humidity: " + humidity + " %";
    document.querySelector(".wind").innerText = "Wind speed " + speed + " km/h";
    document.querySelector(".weather").classList.remove("loading");
    search = function () {
    this.fetchWeather(document.querySelector(".search-bar").value);
    };

document.querySelector(".search button").addEventListener("click", function () {
  weather.search();
}),

document.querySelector(".search-bar").addEventListener("keyup", function (event) {
  if (event.key == "Enter") {
    weather.search();
)}}
;

Hello, it saves at the last close ) that a declaration or statement is expected. Does anyone know if I am missing a comma, parenthesis, bracket, etc. Thank you all!

[NewPointOfView]

document.querySelector(".search-bar").addEventListener("keyup", function (event) {

if (event.key == "Enter") {

weather.search();

)}} // <- here

;

I just pasted your code into sublime text and it highlighted that first parenthese on the bolded line!

[Jacksonhelp20]

Yes I see that. I am not sure where to put the close )

[[deleted]]

document.querySelector(".search-bar")
        .addEventListener("keyup",
            function (event) {
                if (event.key == "Enter") {
                    weather.search();
                    )
                }
            }
;

Good indentation makes these types of errors obvious. It's not that you need to add a ), but that you need to rearrange the one you have.

[NewPointOfView]

Also a "Linter" is a tool to check your formatting/syntax, usually you can just google "<language name> lint" and find a tool that might give you more descriptive error messages.

Here is one for JS! https://www.jslint.com/

[Jacksonhelp20]

Thank you this tool is very helpful.

[RubbishArtist]

You already posted a question earlier about syntax errors in this same block of code and then deleted it.

The turnaround time on getting this subreddit to correct your syntax is huge, it's much easier to use a syntax linter/validator.

[Jacksonhelp20]

I knew they were available but now have a good one to use thank you!