Смысла только особо нет, в файл то эти кракозябры писать не будешь

Не буду, но в консоли просто выделить то, что должно бросаться в глаза

подскажите как побороть ошибку, хочу создать кнопку без html
var btn = document.createElement('button');//создаём нашу кнопку
               btn.setAttribute("onclick",selection('{{ t }}'));
               btn.setAttribute("class","btn btn-success btn-sm");
               btn.setAttribute("style","color: white;");
               var textInBtn = document.createTextNode('Занять время');//создаем текст для кнопки
               btn.appendChild(textInBtn);//добавляем текст в кнопку
               document.body.appendChild(btn);

Выходит ошибка в консоли Uncaught ReferenceError: selection is not defined

onclick выкиньте и полегчает

а так, он вам явно написал, в чем ошибка. не в курсе, что такое selection

Помогло, ошибка исчезла, но не помогло кнопка не появилась

я новичек в js

да вроде должна

че-то пишет?

Переделал так
var btn = document.createElement('button');//создаём нашу кнопку
               btn.onclick = function(){
                   selection('{{ t }}')
               };
               btn.style.color = '#fffefd';
               btn.className = 'btn btn-success btn-sm';

               var textInBtn = document.createTextNode('Занять время');//создаем текст для кнопки
               btn.appendChild(textInBtn);//добавляем текст в кнопку
               document.body.appendChild(btn);
ошибок нет, но и кнопки нету

Есть кнопка, но почему то съехала в конец страницы, а не там где я ее поставил

Ниже всего остального контента в body?

да

Ну потому что так append работает

а как?

Ты условно говоришь, добавь вот это в боди. Конечно добавляет в конец

А prepend, как ты понимаешь, добавит в начало

Другими способами посреди документа добавляют, может innerHTML тебе поможет?

Сейчас попробую

Или аппенд делай не боди, а конкретному диву