Проблемы с закрывающей скобкой в ​​моем коде

Question

У меня есть вопрос об ошибке синтаксиса (я думаю) в моем коде.Во время тестирования я неожиданно получил сообщение о том, что в моих строках отсутствует скобка.Вот как это выглядит.На самом деле я пытаюсь получить информацию из моей базы данных и добавить ее в мой интерфейс через socket.io.Ошибка в этом коде находится в строке 3.

socket.on('matchoverview', function(data){

  var $item1 = $("<div class='grid-item'><div class='row justify-content-md-center'><div class='col col-lg-1'></div><div class='col-lg-10'><div class='row'><div class='col-sm-3'><h3 id='insertteam1'><button id="" type='button' class='btn btn-dark'>Dark</button>" + data.teamonename + "</h3></div><div class='col-sm-3'><h3 id='insertpic1'>" + '<img id="logo" src=' + data.onelogo + '></img>' + "</h3></div><div class='col-sm-2'><h3 id='insertodd1'>" + data.teamoneodd + "</h3></div><div class='col-sm-2'><h3 id='insertclock'>" + data.time + "</h3></div><div class='col-sm-3'><h3 id='insertodd2'>" + data.teamtwoodd + "</h3></div><div class='col-sm-3'><h3 id='insertpic2'>" + '<img id="logo" src=' + data.twologo + '></img>' + "</h3></div><div class='col-sm-2'><h3 id='inserteam2'>" + data.teamtwoname + "</h3></div><div class='col-sm-2'><h3 id='inserttwitch'>" + data.twitchlink + "</h3></div></div></div></div></div>").click(function() {
    console.log('Jo!');
  });

  var $item2 = $("<div class='grid-item'><div class='row justify-content-md-center'><div class='col col-lg-1'></div><div class='col-lg-10'><div class='row'><div class='col-sm-3'><h3 id='insertteam1'><button id="" type='button' class='btn btn-dark'>Dark</button>" + data.teamonename + "</h3></div><div class='col-sm-3'><h3 id='insertpic1'>" + '<img id="logo" src=' + data.onelogo + '></img>' + "</h3></div><div class='col-sm-2'><h3 id='insertodd1'>" + data.teamoneodd + "</h3></div><div class='col-sm-2'><h3 id='insertclock'>" + data.time + "</h3></div><div class='col-sm-3'><h3 id='insertodd2'>" + data.teamtwoodd + "</h3></div><div class='col-sm-3'><h3 id='insertpic2'>" + '<img id="logo" src=' + data.twologo + '></img>' + "</h3></div><div class='col-sm-2'><h3 id='inserteam2'>" + data.teamtwoname + "</h3></div><div class='col-sm-2'><h3 id='inserttwitch'>" + data.twitchlink + "</h3></div></div></div></div></div>").click(function() {
    console.log('Jo!');
  });

  $grid2.append( $item1 ).masonry( 'appended', $item1 );
  $grid2.append( $item2 ).masonry( 'appended', $item2 );

});

Код ошибки:

Uncaught SyntaxError: missing ) after argument list

Заранее спасибо и хорошего дня

Answer 1

Убедитесь, что разделители строк заключены и правильно размещены.

Проблема "" и "

<button id="" 

до

<button id='' 

и ваш

src='+variable+' 

должно быть

src='" +variable+ "' 

Спасибо!