Так что это моя первая задача с использованием DOM, поэтому я все еще пытаюсь разобраться во многих вещах, но мне нужно создавать элементы динамически с помощью javascript, мне удалось сделать некоторую работу, но расположение моих элементов обычно нев их правильных местах, и я не совсем уверен, как разместить их на своих местах исключительно на одном только javascript. Я должен создать текстовое поле, и изображение медведя должно быть аватаркой пользователя, и мне нужно, чтобы у него была кнопка «Отправить» и кнопка «Отмена». У меня возникли проблемы при попытке создать поле ввода с необходимыми кнопками с помощью javascript.
Я уже как-то нарушил правила, добавив некоторые CSS и элементы прямо в HTML, но это не имеет большого значения. По какой-то причине у страницы возникают проблемы с загрузкой jsfiddle, но она нормально загружается как обычная веб-страница. JSFiddle
var input = document.createElement("input");
input.type = 'text';
input.name = 'inputName';
input.value = 'some value';
input.size = 10;
input.maxLength = 10;
input.className = 'someClass';
var btn = document.getElementByID("goog")[0];
btn.parentElement.insertBefore(input, btn);
Это не генерирует кнопку и текстовое поле, и я не совсем уверен, почему.
Как выглядит мой текущий код Как это должно выглядеть