Где ошибка в javascript?

Question

[tarp20]

function LikeBtn() {
          return `<button class='btn btn-primary'>Like</button>`
 }

        function formatTweetElement(tweet){
          var formattedTweet =`<div class='mb-4 tweet' id='tweet-${tweet['id']}<p>${tweet['content']}'></p><div class='btn-group'> ${LikeBtn()}<div/></div>`
          return formattedTweet;
        }

на выходе получаю :


как сделать что бы было:

Comments

[n1ksON]

Как минимум, вы нигде не пишите Hello.. В таком огрызке кода не разобраться. Банально CSS прикрутите с флексом в столбик

[tarp20]

n1ksON, ошибка в этом коде

[Rerurk]

А проще не проще написать?

[tarp20]

Rerurk, ну если проще ,то проще
только как

[n1ksON]

tarp20, не понятно, что за данные приходят в tweet. В данной части кода нет Hello world и Hello there #2. Кнопкам стиль пропишите нужный, а для отображения в столбик используйте флексы. Что в этом непонятно?

[tarp20]

n1ksON, спасибо попробую

Answer 1

[Сергей Зенькович]

Здесь ошибка не в JS коде а в стилях. Настройте стили классов 'btn btn-primary' и 'mb-4 tweet'